QML小例子 QML工程裡訊號與槽

1、效果

功能：點選左邊，會發出訊號，右邊會有個顏色動畫，然後計數+1

2、分析：

一共有兩個物件，他們很多屬性都差不多，如可變顏色、原型、可變text..所以可以宣告乙個circle物件，然後sender和recver都繼承它；

能夠通過sender控制recver，那麼sender一定有訊號發出，然後recver有乙個函式用於狀態改變；

應該在發出訊號的地方即sender裡，連線訊號與槽,根據總結：這裡屬於qml的訊號qml的槽，所以應該直接使用signal.connect(slot)的形式，但是怎麼在sender中訪問到recver的槽函式呢？

可以這樣：在sender裡加乙個recver屬性，初始化為null，然後在這個recver的onrecverchanged**中，connect。

3、圖形基類circle.qml

import qtquick 2.0item }}

這裡需要注意：

property alias circlrcolor: circlr.color

property alias contenttext: content.text

我是直接在設計介面直接匯出別名屬性：

這個別名屬性即alias，外界可以通過改變這個變數直接改變到對應的控制項屬性。

4、sender.qml

import qtquick 2.0circle 
mousearea 
onpressed: 
onreleased: }}

核心就是在紅色的地方，將null recver作為自己的屬性，然後在main裡賦值，當賦值成功就連線訊號與槽

5、recver.qml

import qtquick 2.0import qtquick 2.7circle 
sequentialanimation on circlrcolor 
coloranimation }}

這裡有個重點就是紅色部分，即序列動畫，裡面的動畫按照順序執行，看文件或者資料都沒有sequentialanimation on circlrcolor的用法，這裡是直接作用於顏色【很多qml的騷用法在文件裡都找不到，這也是我認為阻擋我學習qml的難處】

6、main.qml

import qtquick 2.9import qtquick.window 2.2window 
sender }}

background可不管，就是個簡單的背景qml