使用QML创建ComboBox的示例代码

最新推荐文章于 2025-02-11 00:28:49 发布

起风了~~~。

最新推荐文章于 2025-02-11 00:28:49 发布

阅读量277

点赞数

CC 4.0 BY-SA版权

文章标签：数据库前端 QT

本文链接：https://blog.csdn.net/James_CODER/article/details/132660512

QT 专栏收录该内容

117 篇文章 ¥59.90 ¥99.00

订阅专栏

这篇博客展示了如何在QML中创建ComboBox组件。通过ApplicationWindow和ListModel，定义了一个包含'选项1'，'选项2'和'选项3'的ComboBox，并设置初始选择为第一个选项。ComboBox的占位文本和当前选项变化的信号处理也进行了说明。

使用QML创建ComboBox的示例代码

以下是一个使用QML创建ComboBox的示例代码，让我们详细了解一下这个过程。

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: "QML ComboBox示例"

    ComboBox {
        id: comboBox
        width: 200
        model: ListModel {
            ListElement { text: "选项1" }
            ListElement { text: "选项2" }
            ListElement { text: "选项3" }
        }
        currentIndex: 0
        placeholderText: "请选择一个选项"

        onCurrentIndexChanged: {
            var selectedText = comboBox.currentText;
            console.log("当前选择的选项是：" + selectedText);
        }
    }
}

在这个示例中，我们创建了一个QML应用程序窗口（ApplicationWindow），并在其中添加了一个ComboBox组件。ComboBox是一个下拉列表框，可以显示多个选项供

了解本专栏