QML 基本可視元素之Item 六

2022-09-03 01:45:10 字數 1244 閱讀 4305

item

qml中的所有可視專案都繼承自item。雖然item本身沒有視覺化的外觀,但是它定了以視覺化專案的所有屬性,例如l位置,大小,布局anchors相關屬性和關於按鍵處理的keys屬性等。item擁有乙個visibel屬性,將其社這位false可以隱藏專案,該屬性預設值為true。

1.作為容器

item常用來對專案進行分組

item

image

image

}

2.預設屬性

item中有個children屬性和resource屬性。前者包含了可見的孩子的列表,後者包含了不可見的資源。例如:

item,

image{},

rectangle{}

]resources:[

timer{}]}

item中還有個data預設屬性,它允許在有個專案中將可見的孩子和不可見的資源自由混合。也就是說,如果向data列表中新增乙個可視專案,那麼將作為乙個孩子進項新增;而如果新增任何其他的物件型別,那麼將被作為資源進項新增。又因為data是預設屬性,所有可以省略data標籤。前面的額帶面可以改寫為:

item

image{}

rectangle{}//前面三個作為children可見

timer{}//作為資源型別不可見

}

也就是說,程式設計中可以直接向乙個專案中新增任何的元素。

3.透明度

item有乙個opacity(不透明)屬性,可以用來設定透明度。該屬性可以設定為0-1.0(完全不透明)之間。opacity可以繼承。

4.堆疊順序

item中的z屬性表明兄弟之間的堆疊順序。預設z=0,z值越大,繪製越在上面。相同z值由上到下依次繪製。z為負值,會被繪製在父專案的下面。

左圖為上述**結果,右圖為下述**結果

rectangle

rectangle

5.定位子專案和座標對映

item提供childat(real x, real y)函式返回在點(x,y )處的子專案。

QML基本視覺化元素 TextInput

繼承 item 1.用來顯示單行的可編輯的純文字,與qt中的qlineedit 很相似,用來接受一行文字輸入 2.滾動顯示 autoscroll true false 寬度不夠顯示時的,滾動 4.輸入顯示 echomode textinput.normal 正常顯示 textinput.passwo...

QML基本視覺化元素 Text

乙個text專案可以顯示純文字或者富文字 1.可以使用html標記 text hello 2.寬度和高度 width,height 沒有指定,會自己嘗試需要多大的空間並依此來設定。3.換行 wrapmode屬性,沒有設定,則單行 4.省略 elide屬性。寬度不足顯示文字,顯示為省略號,省略樣式 前...

VI 基本可視模式

可視模式讓你可以選擇檔案的一部分內容,以便作比如刪除,複製等工作。進入可視模式 v 用v命令進入可視模式。當游標移動時,就能看到有一些文字被高亮顯示了,它們就是被選中的內容。三種可視模式 v 乙個字元乙個字元地選。從按下v的那個字元起,一直到游標所移動到的位置之間的內容都被選中。v 一行一行地選。從...