qml入門教程(2)
qml元件
cell.qml的內容
挨個看**~import qt 4.7item
mousearea
}
item這一部分沒有特別好說的,在item中內嵌了乙個id為rectangle白邊框的矩形區域,大小佔滿整個item。
mouseareamousearea則為item增加了一塊滑鼠響應區,看它的anchors知道,在整個item區域內都是滑鼠活動區,都能偵聽到滑鼠事件。onclicked那一行則相當於為滑鼠單擊事件增加了乙個處理行為,這裡是發出了乙個clicked()的訊號。這個訊號正是我們在item裡定義的那個signal。
cell.qml寫完了,再來看看程式的主檔案。
main.qml的內容
這裡在原來的基礎上增加了乙個grid網格。x座標是4,底部挨著page的底部,所以我們看到的是在左下角。import qt 4.7rectangle
grid
cell
cell
cell
cell
cell
}}
新增的6個cell,名字和cell.qml是一樣的。通過cellcolor屬性將顏色傳給了每個顏色塊。
當cell接收到onclicked事件的時候,關聯的**回去修改hello,world上的顏色。細心的朋友可能會注意到cell只是定義了clicked()的訊號,並沒有定義onclicked()啊,是的這就是component的語法規則了。如果你在cell.qml裡定義的是plicked(),那麼你在main.qml中引用的時候就該用onplicked()了。
QML入門教程 2
import qt 4.7 item mousearea 挨個看 item這一部分沒有特別好說的,在item中內嵌了乙個id為rectangle白邊框的矩形區域,大小佔滿整個item。mouseareamousearea則為item增加了一塊滑鼠響應區,看它的anchors知道,在整個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 頁面底...