ComboBox 是一个组合的按钮和弹出列表。它提供了一种以最小的屏幕空间呈现选项列表给用户的方式。ComboBox 使用数据模型填充。数据模型通常是一个 JavaScript 数组、一个 ListModel 或一个整数,但也支持其他类型的数据模型。
下面是一个简单的使用方式。
import QtQuick
import QtQuick.Controls
Window {
width: 640
height: 480
visible: true
title: qsTr("Hello World")
QtObject {
id: backend
property real txtScaler : 100
}
ListModel {
id: scaleModel
ListElement {
scalePercent: "100%"
scaleNumber: 100
}
ListElement {
scalePercent: "90%"
scaleNumber: 90
}
ListElement {
scalePercent: "80%"
scaleNumber: 80
}
ListElement {
scalePercent: "70%"
scaleNumber: 70
}
ListElement {
scalePercent: "60%"
scaleNumber: 60
}
ListElement {
scalePercent: "50%"
scaleNumber: 50
}
ListElement {
scalePercent: "40%"
scaleNumber: 40
}
ListElement {
scalePercent: "30%"
scaleNumber: 30
}
ListElement {
scalePercent: "20%"
scaleNumber: 20
}
ListElement {
scalePercent: "10%"
scaleNumber: 10
}
}
ComboBox {
anchors.centerIn: parent
textRole: "scalePercent"
valueRole: "scaleNumber"
model: scaleModel
onActivated: backend.txtScaler = currentValue
Component.onCompleted: currentIndex = indexOfValue(backend.txtScaler)
}
}