qml編程-tft每日頭條

QML聲明界面就像搭積木，問題的關鍵是我們要記住有哪些元素可以用？

元素有哪些屬性可以用？以下就是需要記住的元素及常用屬性。

1.Item

基礎元素，是其他可視化元素的基類，定義了很多可視元素的共同屬性，但是

Item本身不繪制。有必要記住以下屬性：

最關鍵的id屬性，用于标識元素。

x、y、width和height分别定義元素的左上角坐标x、左上角坐标y、寬和高。

（x,y,width,height組成一個矩形區域）。

z定義了元素的z軸方向的值，該值越大就表示元素在越上層。

anchors屬性包含上、下、左、右、水平居中和垂直居中，用于定位元素與元素的位置。

scale屬性用于設置元素的縮放，rotation屬性用于設置元素旋轉。

opacity屬性定義元素的不透明度，visible屬性定義元素是否可見。

示例：

qml編程（QML中需要記住的幾種基本元素）1

2.Rectangle

矩形元素，相比Item多了邊框和填充，還可以定義圓角半徑。

color屬性定義矩形的填充色，border.color定義邊框顔色，border.width定義邊框的寬度。

radius定義圓角半徑。gradient可以定義漸變色。

例：

qml編程（QML中需要記住的幾種基本元素）2

qml編程（QML中需要記住的幾種基本元素）3

3.Text

文本元素

和文字相關的兩個關鍵屬性，一個是文字的内容(text)，另一個是字體(font)。font.family

定義字體名，font.pixelSize和font.pointSize定義字體大小，font.bold定義是否粗體。

Text元素的寬和高會根據文字的内容和字體初始化，所以通常可以不用寫width和height屬性。

例：

qml編程（QML中需要記住的幾種基本元素）4

qml編程（QML中需要記住的幾種基本元素）5

4.Image

圖像元素，可以用來顯示圖片。關鍵屬性source用來設置圖片的路徑，fillMode定義圖片

的填充模式（水平拉伸、垂直拉伸等等）。

例：

qml編程（QML中需要記住的幾種基本元素）6

qml編程（QML中需要記住的幾種基本元素）7

5.MouseArea

鼠标區域，是一個不可見的元素。主要用它來捕捉鼠标事件。之前已經見過了。

例：

qml編程（QML中需要記住的幾種基本元素）8

qml編程（QML中需要記住的幾種基本元素）9

（點擊矩形，矩形顔色變成了綠色的。）

這些常用的元素和常用屬性其實挺好記憶的，自己寫上兩遍就差不多了。

---> 文章來源于我的個人博客：fearlazy---> 編程是一件怎麼也學不會的事情，但是如果能享受學習的過程也是挺好的。

本文由程序員fearlazy原創，歡迎關注，帶你一起長知識！