QML聲明界面就像搭積木,問題的關鍵是我們要記住有哪些元素可以用?
元素有哪些屬性可以用?以下就是需要記住的元素及常用屬性。
1.Item
基礎元素,是其他可視化元素的基類,定義了很多可視元素的共同屬性,但是
Item本身不繪制。有必要記住以下屬性:
最關鍵的id屬性,用于标識元素。
x、y、width和height分别定義元素的左上角坐标x、左上角坐标y、寬和高。
(x,y,width,height組成一個矩形區域)。
z定義了元素的z軸方向的值,該值越大就表示元素在越上層。
anchors屬性包含上、下、左、右、水平居中和垂直居中,用于定位元素與元素的位置。
scale屬性用于設置元素的縮放,rotation屬性用于設置元素旋轉。
opacity屬性定義元素的不透明度,visible屬性定義元素是否可見。
示例:
2.Rectangle
矩形元素,相比Item多了邊框和填充,還可以定義圓角半徑。
color屬性定義矩形的填充色,border.color定義邊框顔色,border.width定義邊框的寬度。
radius定義圓角半徑。gradient可以定義漸變色。
例:
3.Text
文本元素
和文字相關的兩個關鍵屬性,一個是文字的内容(text),另一個是字體(font)。font.family
定義字體名,font.pixelSize和font.pointSize定義字體大小,font.bold定義是否粗體。
Text元素的寬和高會根據文字的内容和字體初始化,所以通常可以不用寫width和height屬性。
例:
4.Image
圖像元素,可以用來顯示圖片。關鍵屬性source用來設置圖片的路徑,fillMode定義圖片
的填充模式(水平拉伸、垂直拉伸等等)。
例:
5.MouseArea
鼠标區域,是一個不可見的元素。主要用它來捕捉鼠标事件。之前已經見過了。
例:
(點擊矩形,矩形顔色變成了綠色的。)
這些常用的元素和常用屬性其實挺好記憶的,自己寫上兩遍就差不多了。
---> 文章來源于我的個人博客:fearlazy---> 編程是一件怎麼也學不會的事情,但是如果能享受學習的過程也是挺好的。
本文由程序員fearlazy原創,歡迎關注,帶你一起長知識!
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!