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