tft每日頭條

 > 生活

 > qml編程

qml編程

生活 更新时间:2024-12-02 20:47:05

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原創,歡迎關注,帶你一起長知識!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved