其他分享
首页 > 其他分享> > QML 基础控件(下拉框、对话框、抽屉、滑动视图与页面切换)【下】

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)


标签:控件,QtQuick,对话框,color,text,id,import,下拉框
来源: https://blog.csdn.net/weixin_48268336/article/details/113031829