68.qt quick-qml多级折叠下拉导航菜单 支持动态添加/卸载 支持qml/widget加载等

已于 2022-08-03 21:50:11 修改
阅读量3.9k 收藏 12
点赞数
分类专栏： Qt Quick/QML入门到精通 文章标签： qt 开发语言
于 2022-08-02 18:22:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37997682/article/details/126127772
版权
Qt Quick/QML入门到精通 专栏收录该内容
106 篇文章 461 订阅 ¥299.90 ¥99.00
订阅专栏

由于老软件项目是widget的,所以用的ListWidget+QStackedWidget实现的导航菜单+界面切换.

最近需要实现多级折叠菜单需求,所以干脆用qml实现一个多级折叠下拉导航菜单控件,每次点击item后,则发送信号通知widget切换界面即可,不仅支持qml、还支持QWidget!!!

效果如下所示：

视频入口：qt quick-qml多级折叠下拉导航菜单 支持动态添加/卸载 支持qml/widget加载等_哔哩哔哩_bilibili

特点:

  • 支持动态添加item、删除item、自适应界面
  • 附带添加删除、展开等动画
  • 同时支持qwidget、qml加载
  • 支持number提示(比如消息数量等)

代码介绍

默认的item列表实现如下所示:

    // "name": "首页",                 /
了解本专栏 订阅专栏 解锁全文
诺谦
关注
  • 0
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Qt Quick实现一个炫酷的折叠动画效果
03-19
Qt Quick实现一个炫酷的折叠动画效果
Qt Quick自定义下拉框
03-31
Qt Quick自定义下拉框Combobox
【Qt开发】qml组件下拉列表的实现(一)
moxiaomomo的专栏
01-09 1万+
由于ComboBox需要定制，于是根据已有的的例子，自己重写了一下该控件的交互和样式。主要修改的地方有两点：(1)当鼠标离开下拉区域时，下拉列表将自动收回。不过可能实现的效果不是很好，当鼠标滑动速度较快时列表收回的动作并没有被触发。(2)调整了高亮效果。当鼠标划过和被选中时的状态有所区分，主要响应了三个槽函数: onClick(),onEnter(),onExited()。 在修改上述的第一点时
qml可以下拉的按钮_QML 实现多态
weixin_33332712的博客
01-24 304
阅读本文大概需要3分钟我们在C++中经常使用多继承的方式进行开发，那么到了QML这里，是否也可以使用多继承呢，答案是肯定的。原理QML中实现多态，主要是一些公共组件的继承和一些方法的重写，不像C++中那样，我们在派生类中重写某个虚函数时也可以调用基类的方法，在QML则不可以，这也是解释型语言的弱点吧，但是从迭代、高效率开发上来说已经很棒了。小试牛刀首先编写基类比如这里以 baseMainFrame...
qml中使用combobox实现多级菜单_excel实用技巧：如何构建多级下拉菜单
weixin_39932947的博客
12-03 475
编按：哈喽，大家好！说到做下拉菜单，小伙伴们都知道直接使用Excel中的数据验证就可以实现，但是二级、三级，甚至更多级的下拉菜单，可能就有点蒙圈了。其实用Excel制作三级下拉菜单，一点都不难，它就跟我们平时复制粘贴一样简单！不相信？一起来看看文章，你就知道了！＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 使用数据有效性制作下拉菜单对大多数小伙伴来说都不陌生，但说到二级和三级下拉菜单大家可能就不是那么熟悉了。...
Qt6 QML Book/动态QML/动态加载组件示例源码
02-01
在本文中，我们将深入探讨Qt6中的QML技术，特别是关于动态加载组件的实现和使用。QML是Qt框架的一部分，它提供了一种声明式语言，用于构建用户界面和进行图形编程。Qt6版本带来了许多改进和新特性，使得QML更加强大...
Qt-5-Blueprints.zip_Qt Quick_Quick_qml_qt android
07-14
内容除了常见的Qt/C++还有Qt Quick/QML，书中有示例的平台包括Windows、Linux、Android！
QT-QML下拉刷新上拉加载更多（仿京东app）
03-23
在QT框架中，QML（Qt Quick）是一种强大的声明式编程语言，用于构建美观且响应式的用户界面。本文将深入探讨如何使用QML实现类似京东APP的下拉刷新和上拉加载更多的功能。 首先，我们要了解`ListView`是QML中的核心...
Qt多级菜单
11-22
结合使用QMenu和QAction提供的API实现了一个基于Qt的多级菜单demo，支持右键弹出菜单，稍加修改也同样适用于下拉菜单、按钮菜单等场合。
qml-xwayland：对QtQuick Wayland合成器（如Liri Shell）的XWayland支持
02-05
**qml-xwayland：QtQuick Wayland合成器与XWayland的融合** 在现代操作系统中，Wayland和X11是两种主要的显示服务器协议。Wayland以其安全性和效率受到越来越多的关注，而X11则因为其广泛的历史应用仍然存在。在...
Qt / Qml 中支持多国语言
05-25
在开发跨地域的应用程序时，支持多国语言是至关重要的，Qt 和 Qml 提供了强大的国际化（i18n）功能，使开发者能够轻松地为应用添加多种语言支持。以下将详细介绍如何在 Qt Widgets 和 Qml 中实现多语言动态翻译。 ...
QT通过QQuickWidget与QML之间的交互及实现(类似)仪表盘
QtCompany的博客
04-21 922
1、在与qml通信的时候，需要把函数接口暴露给qml需要在函数前面加入Q_INVOKABLE关键字，且需要注意成员函数的公有或私有类型。QT通过QQuickWidget与QML之间的交互及实现(类似)仪表盘-QT开发中文网。QT通过QQuickWidget与QML之间的交互及实现(类似)仪表盘。2、利用quickWidget来进行数据传递。
QML控件--Menu
hw5230的博客
06-13 424
注意：与仅关闭菜单及其子菜单的 close() 不同，dismiss() 关闭菜单的整个层次结构，包括父菜单；当菜单是子菜单时，菜单的标题通常显示在菜单项的文本中，而当它在菜单栏中时，则显示在工具按钮的文本中；删除并返回 index 处的菜单，该索引位于菜单中的所有项目中，菜单的所有权转移给调用者。删除并返回索引处的动作，该索引位于菜单中的所有项目中，动作的所有权转移给调用者；返回索引处的子菜单，如果索引无效或指定索引处没有子菜单，则返回 null；删除并返回索引处的项目，项目的所有权转移给调用者；
Qt 实现多级菜单
热门推荐
纯屌丝程序猿
11-22 1万+
前言 在众多知名的软件UI中下拉菜单、按钮菜单、右键菜单、托盘菜单、多级菜单等等是很常见的，就连Windows和linux等系统级的软件也用到这些UI元素。 下图就是我们最常见的Windows系统多级菜单： Qt实现（多级）菜单 在Qt中通过QMenu和QAction就可以实现这些菜单，QMenu就是上图中我们看到的三个级联菜单，每个QMenu里面的小项目就是一个QActi
Qml-展开收起面板
hai7song的专栏
07-06 2295
搜了一下网上没有类似功能的UI，实现了一个给大家参考。 AccordionElement.qml 由一个layout组成，layout里包含标题和内容组件，可以在外部实现内容组件进行替换，如isOpen为false，内容组件将收缩起来，反之则展开。 import QtQuick 2.5 import QtQuick.Layouts 1.1 ColumnLayout { id: rootElement property bool isOpen: false property s
Qt widget使用QML自定义导航栏
weixin_30835923的博客
08-15 338
具体方法： https://www.cnblogs.com/judes/p/11359243.html qml： import QtQuick 2.0 import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 2.3 import QtQuick.Controls 1.4 import Q...
qt 创建一个矩形，矩形的边线可以拖拽
最新发布
xie__jin__cheng的博客
07-15 262
qt 创建一个矩形，矩形的边线可以拖拽
QT creator简介
weixin_74923758的博客
07-14 926
轻量级跨平台集成开发环境，包含高级C++代码编辑器、集成的GUI外观和版式设计器、项目和生成管理工具、集成的上下文相关帮助系统以及图形化调试器等。强大的拖曳式图形化用户界面排版和设计工具。：多国语言翻译工具，用于Qt应用程序的多国语言翻译。：基于Qt的开源帮助文档阅读器，用于阅读由Qt Assistant应用程序生成的帮助文件。：用于编译ui文件的命令行工具，全称为UI Compiler。：全称为User Interface Compiler，将.ui文件编译为.h文件的命令行工具。
Qt5 QtQuick系列----QtQuick的Secne Graph剖析(3)-- qml与OpenGl结合
05-30
在QtQuick中，可以使用Qt Quick Scene Graph将QML渲染为图形。Qt Quick Scene Graph使用了OpenGL ES 2.0来实现高性能的渲染。下面是如何将QML和OpenGL结合使用的一些技巧： 1. 使用QQuickFramebufferObject类创建可自定义的QML元素。该类可以让你在一个OpenGL framebuffer中绘制QML元素，并将结果作为纹理返回给QML场景图。 2. 可以使用Qt Quick Shader Effect Item类来实现自定义的着色器效果。该类允许你使用OpenGL着色器语言来编写自定义的着色器，并在QML场景图中使用它们。 3. 可以使用Qt Quick 3D类库来实现高性能的3D渲染。该类库提供了一个基于OpenGL的3D渲染引擎，可以将3D场景直接嵌入到QML场景图中。 需要注意的是，在使用OpenGL时要小心，因为它可以非常复杂和困难。如果你不熟悉OpenGL，建议先学习一些基础知识再尝试将它与Qt Quick结合使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

诺谦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值