QML之CheckBox與ComboBox

checkbox啓用部分選中
partiallyCheckedEnabled：true
CheckBox的exclusiveGroup屬性能夠將幾個CheckBox對象組成一個互斥的組，當其中之一被選中時候，其他會自動取消選擇。

ComboBox
ApplicationWindow{
    visible:true;
    width:480;
    height:480;
    ComboBox{
        width:200;
        currentIndex:2;
        model:ListModel{
            id:cbItems
        ListElement{
            text:"Banana";
            color:"Yellow"
        }
        ListElement{
            text:"Apple";
            color:"Green"
        }
        ListElement{
            text:"Coconut";
            color:"Brown"
        }
    }
        onCurrentIndexChanged:{
        console.log(
            cbItems.get(currentIndex).text
         +","+
         cbItems.get(currentIndex).color)
        }
    }
}       
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
建立一組ListModel對象，ListModel由一組ListElement對象構成。每個ListElemnet均可以設置一個text屬性，做爲顯示的文本，另外還能夠添加額外的用戶數據，用於對這個數據的描述，如咱們這裏添加ListElement對象增長了一個color屬性。

editable:設置這個ComboBox是否是能夠編輯，將其設置爲true的時候，下拉框容許用戶編輯數據。
在用戶輸入時候，ComboBox會自動顯示下拉框中匹配的數據，還能夠經過accepted信號肯定是否能夠將用戶輸入的數據添加到下來框中。不過在添加新數據的時候，須要肯定下拉框中沒有重複項。
當輸入完一個字符串並按下回車鍵，會執行accepted信號。
如

ComboBox{
    id:editableCombo;
    editable: true
    model: ListModel{
        id:model;
        ListElement{
            text:"banana";color:"Yellow"
        }
        ListElement{
            text:"apple";color:"Green"
        }
        ListElement{
            text:"Coconut";color:"Brown"
        }
    }
    onAccepted: {
        if(editableCombo.find(currentText)===-1){
            model.append({text:editText})
            currentIndex=editableCombo.find(editText)
        }
    }
}
————————————————
版權聲明：本文爲CSDN博主「lc900730」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/LC900730/article/details/77996831