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  //控件所在的列号
            }
        }
    }
}

QML 基础控件(下拉框、对话框、抽屉、滑动视图与页面切换)【下】
当前选中的哪个目标并且返回。


对话框(Dialog)



抽屉(Drawer)



滑动视图与页面切换(SwipeView)


上一篇:【QtQuick】简单布局优先使用Row和Column,而不是ColumnLayout和RowLayout


下一篇:QML之Button学习