QML入門教程 2

2021-09-30 08:56:58 字數 780 閱讀 9307

import qt 4.7

item

mousearea

}

挨個看**~

item
這一部分沒有特別好說的,在item中內嵌了乙個id為rectangle白邊框的矩形區域,大小佔滿整個item。

mousearea
mousearea則為item增加了一塊滑鼠響應區,看它的anchors知道,在整個item區域內都是滑鼠活動區,都能偵聽到滑鼠事件。onclicked那一行則相當於為滑鼠單擊事件增加了乙個處理行為,這裡是發出了乙個clicked()的訊號。這個訊號正是我們在item裡定義的那個signal。 cell.qml寫完了,再來看看程式的主檔案。

import qt 4.7

rectangle

grid

cell

cell

cell

cell

cell

}}

這裡在原來的基礎上增加了乙個grid網格。x座標是4,底部挨著page的底部,所以我們看到的是在左下角。新增的6個cell,名字和cell.qml是一樣的。通過cellcolor屬性將顏色傳給了每個顏色塊。當cell接收到onclicked事件的時候,關聯的**回去修改hello,world上的顏色。細心的朋友可能會注意到cell只是定義了clicked()的訊號,並沒有定義onclicked()啊,是的這就是component的語法規則了。如果你在cell.qml裡定義的是clicked(),那麼你在main.qml中引用的時候就該用onclicked()了。

QML入門教程 2

qml入門教程 2 qml元件 cell.qml的內容import qt 4.7 item mousearea 挨個看 item 這一部分沒有特別好說的,在item中內嵌了乙個id為rectangle白邊框的矩形區域,大小佔滿整個item。mousearea mousearea則為item增加了一塊...

Python入門教程(2)

python 英語發音 pa n 是一種物件導向 解釋型計算機程式語言,由guido van rossum於1989年底發明,第乙個公開發行版發行於1991年,python 源 同樣遵循 gpl gnu general public license 協議。python語法簡潔而清晰,具有豐富和強大的...

Div CSS布局入門教程2

二 寫入整體層結構與css 程式 這是xhtml的基本結構,將其命名為index.htm,另乙個記事本文件則命名為css.css。下面,我們在標籤對中寫入div的基本結構,如下 程式 程式 基本資訊 body 頁面層容器 container 頁面頭部 header 頁面主體 pagebody 頁面底...