Qt Quick快速入門01

2021-09-26 01:45:50 字數 988 閱讀 2778

1. qt quick基本程式結構

下面先來看一段程式

import qtquick 2.2

import qtquick.window 2.1

window

} text

}

從上面這段程式可以看出,乙個qml文件由兩個部分組成;

(1) import語句

import語句在這裡就相當於c++中的include語句,它就是用來匯入乙個模組,這是使用某種qml型別所必需的。

import qtquick 2.2,這行**引入了2.2版本的qtquick模組。部分基礎的qml型別,如text、rectangle、item、row等,都包含在這個模組中;import qtquick.window 2.1,這行**引入了2.1版本的window模組。window模組包含的主要型別是window,它代表了乙個qml的頂層窗體,對應c++型別為qquickwindow。

(2) qml物件樹

從上述**可以看出來,window是該程式的最外層物件,也是該程式的根物件,而mousearea和text是它的子物件,如果它們也有子物件…如此類推,乙個qml文件就對應一顆以文件根物件為根的物件樹

現在可以簡單的這麼理解qml物件的父子關係;巢狀在物件a內部的物件b,是a的孩子,它的爸比是a。而這種父子關係,從qml物件屬性角度來講,通常又和預設屬性關係聯絡到了一起。

(3) 預設屬性

qml元素的預設屬性,通常用來接收那些沒有顯示使用「property: value」形式初始化的物件。比如window型別的預設屬性是data,乙個list型別的列表,如果你是在window物件內宣告了其他物件(比如上述**中的text物件),並沒有顯示賦值給某個屬性,那這個物件就會存入data列表中。

除了window及其派生類外,qml中其他的可見元素大多是item的派生類,item的預設屬性也是list型別的data。

(2) qquickview搭配item

Qt Quick快速入門之qml布局

重點內容 qml裡面布局主要有兩種,錨點布局 grid布局。錨點布局使用anchors附件屬性將乙個元素的邊定位到另乙個元素的邊,從而確定元素的位置和大小。下面是示例 複製 1 import qtquick 2.3 2 import qtquick.window 2.0 3 4 window 17 ...

python快速入門精華切記01

導言 python是一種解釋型 物件導向 動態資料型別的高階程式語言。python由guido van rossum於1989年底發明,第乙個公開發行版發行於1991年。python 源 遵循 gpl gnu general public license 協議。注 python 2.0 版本輸出 h...

AngularJS快速入門指南01 導言

angularjs使用新的attributes擴充套件了html angularjs對單頁面應用的支援非常好 spas angularjs非常容易學習 本指南旨在幫助你盡可能快速而有效地學習angularjs。通過該指南你會學習到angularjs的一些基本特性,例如指令 表示式 過濾器 模組和控制...