qml如何使用Repeater动态创建两个层级的Menu菜单

已于 2024-03-05 15:27:40 修改
阅读量418 收藏
点赞数 7
分类专栏： qml编程 文章标签： javascript 开发语言 ecmascript
于 2024-02-04 15:51:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lazydz/article/details/136027422
版权
本文介绍如何在QML中利用Repeater动态生成包含两级菜单的结构。重点在于，对于由Repeater创建的Menu组件，必须通过addMenu方法将其添加到父菜单，否则将无法正常显示。代码示例可供参考，如有问题，可在文章下方留言讨论。
摘要由CSDN通过智能技术生成

        当你有这样一个需求，弹出两级菜单，一级菜单菜单项可能是Menu也可能是MenuItem，菜单项数量名称都是动态的，那么你就需要了解本篇文章介绍的方法，尤其注意一点对于Repeater这种方式创建的Menu组件，必须调用addMenu添加到父菜单，这可能是一个bug，如果不用addMenu添加，它显示不出来。下面是代码：
 

    Menu {
            id: projectsMenu
        implicitWidth: widthEdit

        Repeater{
            model: Global.g_projectsList
            delegate: Loader {
                property var itemModel: modelData
                sourceComponent: itemModel.children ? menuDelegate : menuItemDelegate
                onLoaded: {
                   // console.log(itemModel.children)
                }
            }
        }
    }

    Component {
        id: menuDelegate
        Menu {
            property var m
了解本专栏 订阅专栏 解锁全文 超级会员免费看
lazydz
关注
专栏目录
订阅专栏
QML 自制二级开合下拉菜单
C-Onely的博客
06-23 1561
一开始本来是使用ComboBox制作下拉菜单的控件，但是后面发现ComboBox实现不了我的需要，因此只能自己拿基础的控件来做了，我本身也没什么经验，这次就算是和大家探讨一下 直接上代码 import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.12 //import ABC 1.0 import QtQuick.Dialogs 1.1 import QtQuick 2.2 import QtQuick.Contr
【QML】菜单
Kelvin_Yan的专栏
11-18 3273
相关类型：MenuBar、Menu、MenuItem、MenuSeparator、Action 注意：本文基于Qt Quick Control 2，在帮助文档里搜索MenuBar，将弹出以下选项 前两个是旧的MenuBar，用法跟最新的不一样，import的时候注意import QtQuick.Controls 2.x，否则会提示错误 同样的事情发生在搜索Menu、MenuItem、MenuSeparator时，也是弹出多个版本，这也是qml很让人头疼的地方，同样名字的类型，往往存在多个不同时期、互不兼容
QML编程知识——Loader动态加载组件
最新发布
J^T的博客
07-30 849
在Qt Quick (QML) 应用程序中，Loader元素是一种强大的工具，用于动态加载QML组件。这意味着你可以在程序运行时根据需要加载不同的QML文件或组件，而无需在应用程序启动时加载所有内容。这种技术对于提高应用程序的性能和响应性非常有用，特别是当某些组件不是立即需要时。本文将详细介绍如何在QML中使用Loader来动态加载组件。
QML ListView实现树形二级列表（类似 android ExpandableListView控件）
08-11
QML 中没有直接提供类似 android 的ExpandableListView二级列表控件，treeView，但是用 treeView 实在是有些不方便，并且达不到想要的效果，所以干脆用 ListView 来扩展一个。
Qt qml二级列表实现
qq_34524246的博客
02-13 519
包含了滚动条、高亮、展开、回调，如果不使用FluentUI那么对组建进行删除。原理参考了贴在下面的参考链接，UI则是使用了FluentUI进行美化。主要是发现TreeView比较难用，所以参考写的一个相对简单的实现。即可，适配自己的数据修改变量名称即可。
QML之Menu菜单
热门推荐
DEV_linux的专栏
11-17 1万+
QML菜单，我使用了两种方式实现，一种是直接使用QML中的menu实现，另一种是使用的ListView实现。 1.QML有Menu属性是做菜单的。效果如下： 使用起来也方便，你需要import QtQuick.Controls 我的QT版本是5.2的，于是import QtQuick.Controls 1.1，不同版本，请参照帮助文档。 MenuBar {     Menu {
ListView实现二级菜单
04-20
SQLite数据库的使用，以及如何通过双ListView实现二级菜单。
如何用qml做一个炫酷的二级列表控件ExpandableList
weixin_34414196的博客
07-02 895
在日常开发中，我们经常使用二级列表控件，而且我们想做成自定义任何一个样式的，小编亲自做一个这样的控件分享给大家，以后会吧这个控件格式化成可自定义样式形状的，为了做效果暂时做成定格的二级控件： 好，在这里简单介绍实现这个控件的思路：首先我们要理解二级控件的构架： 列表视图 父级组件 子级组件 父级数据组 子级数据组在这里我们通过qml实用的...
QML中动态创建组件(同步/异步)的方法
08-11
在QML（Qt Quick）中，动态创建组件是构建可扩展和灵活用户界面的重要特性。QML允许你在运行时根据需要加载和实例化组件，从而提供了极大的灵活性。以下是两种主要的动态创建组件的方法： 1. 使用`Loader`组件： `...
QML Repeater 重复器
青春不老，奋斗不止！
01-16 646
Repeater 是一种用于创建大量相似项的视图组件，通常被包含在定位器类型中（例如：Row、Column 等），以直观地定位它所创建的委托项。
QML自定义控件----自定义菜单
08-31
只用传入jason就能使用的qml自定义菜单，为了更方便的调用下级节点，第一级菜单使用的是Repeater，第二级使用的是listview，通过它们自身的动态创建，来实现多级菜单，而为了更方便的使用，菜单的model使用Jason来传入，所以基本思路就是解析传入的model，根据model来动态创建节点，以实现菜单的效果
Qml弹出菜单QmlPopMenu.7z
07-20
Qml弹出菜单QmlPopMenu.7z
QML自定义菜单样式
05-04
利用QML写的菜单样式，适合项目中用，定义了MenuItem和MenuBar的样式。实现是在Qt5.12.0中，应该是Qt5.10及以上都可以的。
qml动态创建表格
03-18
自已写的一个动态创建表格的qml程序，通过js来控制逻辑，还是很有用
Qt6 QML Book/动态QML/创建和销毁对象示例源码
02-01
接着，我们来看看“create-object”这个文件，这可能涉及到使用`Object`或`QtObject`来动态创建QML对象。在QML中，我们可以通过JavaScript表达式`new`来创建对象实例。例如，如果我们有一个名为`MyClass`的QML类型，...
QML控件--Menu
hw5230的博客
06-13 519
注意：与仅关闭菜单及其子菜单的 close() 不同，dismiss() 关闭菜单的整个层次结构，包括父菜单；当菜单是子菜单时，菜单的标题通常显示在菜单项的文本中，而当它在菜单栏中时，则显示在工具按钮的文本中；删除并返回 index 处的菜单，该索引位于菜单中的所有项目中，菜单的所有权转移给调用者。删除并返回索引处的动作，该索引位于菜单中的所有项目中，动作的所有权转移给调用者；返回索引处的子菜单，如果索引无效或指定索引处没有子菜单，则返回 null；删除并返回索引处的项目，项目的所有权转移给调用者；
QML menu 菜单的一些经验，方法
kuanshu456的专栏
04-28 468
右键菜单的实现
QML弹出多级菜单
斧冰
07-28 3356
RightPopUpMenu.qml import QtQuick 2.5 import QtQuick.Controls 2.5 Menu { id: firstMenu title: qsTr("剪切") Action { text: qsTr("剪切"); onTriggered: { console.log...
qml动态创建一个控件
05-23
可以使用QML中的Component来动态创建控件。以下是一个简单的例子： ``` import QtQuick 2.0 Rectangle { width: 200 height: 200 Component { id: myButtonComponent Button { text: "Click me!" onClicked: console.log("Button clicked!") } } MouseArea { anchors.fill: parent onClicked: { var myButton = myButtonComponent.createObject(parent) myButton.x = mouseX myButton.y = mouseY } } } ``` 在这个例子中，我们创建了一个Rectangle控件，然后定义了一个Component，其中包含一个Button控件。在MouseArea的onClicked信号处理函数中，我们使用createObject方法创建了一个Button控件实例，并将其添加到父控件中。我们还设置了该控件的位置，以使其出现在鼠标点击的位置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值