QML 基础控件（下拉框、对话框、抽屉、滑动视图与页面切换）【下】

---

下拉框（ComboBox）

---

import QtQuick 2.5
import QtQuick.Window 2.2
import QtQuick.Controls 1.4  //使用 Button 控件必须包含
import QtQuick.Layouts 1.1  //使用 GridLayout 控件必须包含

Window {
    visible: true
    width: 610
    height: 75
    title: qsTr("ComboBox")

    GridLayout {  //使其内部的所有控件以表格形式排列
        Repeater {  //复制控件，model 为复制的控件数
            id: repeater
            model: 3
            Item {
                width: 200
                ComboBox {
                    id:combox
                    currentIndex: 2
                    model: ListModel {
                        id: cbItems
                        ListElement { text: "Banana"; color: "Yellow" }
                        ListElement { text: "Apple"; color: "Green" }
                        ListElement { text: "Coconut"; color: "Brown" }
                    }
                    width: 200
                    onCurrentIndexChanged: {
                        console.debug(cbItems.get(currentIndex).text + ", " + cbItems.get(currentIndex).color)
                    }
                }
                Layout.row: 1  //控件所在的行号
                Layout.column: index  //控件所在的列号
            }
        }
    }
}

当前选中的哪个目标并且返回。

---

对话框（Dialog）

---

---

抽屉（Drawer）

---

---

滑动视图与页面切换（SwipeView）

---