
Qt / Qml 控件和工具合集
文章平均质量分 87
本专栏专注于分享 Qt / Qml 中各种控件和工具的使用技巧,最佳实践和高级定制方案,帮助你构建更加丰富和交互性强的用户界面。
梦起丶
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HuskarUI-HusAvatar 头像组件
HusAvatar 是 HuskarUI 框架中用于展示用户身份标识的核心组件,支持图标、文本、图片三种表现形式,遵循 Ant Design 交互规范,提供灵活的可定制化能力。本文档将详细介绍其使用方法及最佳实践。原创 2025-03-11 19:19:45 · 354 阅读 · 0 评论 -
Qml 中实现时间轴组件
时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件。本文将介绍如何使用 Qml 实现一个灵活且可定制的时间轴组件,并探讨其设计思路和实现细节。支持自定义节点样式:可以设置节点的图标、背景颜色、边框颜色等。支持自定义线条样式:可以设置线条的颜色和宽度。支持自定义时间显示格式:可以设置时间的显示格式和字体样式。支持自定义内容样式:可以设置内容的背景颜色、边框颜色、字体样式等。支持正序和倒序排列:可以根据时间戳对事件进行正序或倒序排列。节点样式。线条样式。时间样式。内容样式。原创 2025-01-15 18:08:02 · 635 阅读 · 0 评论 -
Qml 中实现任意角为圆角的矩形
在 Qml 中,矩形(Rectangle)是最常用的元素之一。然而,标准的矩形元素仅允许设置统一的圆角半径。在实际开发中,我们经常需要更灵活的圆角设置,例如只对某些角进行圆角处理,或者设置不同角的圆角半径。本文将介绍如何通过自定义 Qml 元素实现一个任意角可为圆角的矩形。我们将创建一个名为的自定义 Qml 元素,它继承自,并重写其paint()方法来自定义绘制逻辑。通过自定义 Qml 元素,我们实现了对矩形圆角的更灵活控制,使其能够满足更多实际开发需求。原创 2025-01-15 18:00:00 · 525 阅读 · 0 评论 -
Qml 中实现毛玻璃效果
毛玻璃效果(Acrylic Effect)是一种常见的 UI 设计风格,它通过模糊背景并添加透明度和噪声效果,使界面元素看起来像是半透明的磨砂玻璃。本文将介绍如何使用 Qml 实现这种效果,并提供一个完整的示例代码。原创 2024-12-31 18:06:00 · 962 阅读 · 0 评论 -
Qml 中实现水印工具
通过使用,我们可以在 Qml 中实现了一个功能丰富的水印工具。这个工具允许我们自定义水印的外观和行为,并且可以很方便地在 Qml 中使用。最后:项目链接(多多star呀…原创 2024-12-29 17:49:12 · 365 阅读 · 0 评论 -
Qt 中实现系统主题感知
在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观。Qt 作为一个跨平台的C++图形用户界面应用程序开发框架,提供了丰富的工具和类来实现这一功能。通过类,我们可以在 Qt 应用程序中实现系统主题感知功能。这个类封装了读取系统设置、更新主题颜色和颜色方案以及发出通知的逻辑,使得我们可以轻松地根据系统主题变化来调整应用程序的外观。此外,通过条件编译和平台特定的实现,还确保了跨平台的兼容性。原创 2024-12-28 17:46:39 · 1449 阅读 · 0 评论 -
Qml 实现星级评分组件
在现代应用程序中,星级评分是一个常见的用户界面元素,它允许用户对产品、服务或内容进行评价。想必大家在用各种带有评分的软件中看到过这个组件:本文将指导你如何使用Qml创建一个简单而美观的星级评分组件,并且支持高度自定义。原创 2024-09-10 18:01:13 · 903 阅读 · 0 评论 -
Qml 实现水波进度动画条
水波效果最重点的就是水波,其实这个水波就是个障眼法罢了,画张图你们就明白了。其实它就是一个圆角正方形,一直在旋转和上升下降,让用户有一种水波的视觉感~当然,我们还需要将多余的部分裁剪掉,因此这里需要借助。至于进度条和文字就非常简单,直接看源码即可。学习了一下实现思路,觉得很有意思。,有一些小技巧,分享给大家~原创 2024-09-10 18:01:06 · 1022 阅读 · 0 评论 -
Qml 实现仿前端的 Notification (悬浮出现页面上的通知消息)
在前端中这一般称为 Notification 或 Message,但本质是一种东西,即:悬浮弹出式的消息提醒框。这种组件一般具有以下特点:1、全局/局部显示:它不依赖于具体的页面元素,可以在整个页面的任意位置显示。2、自动消失:默认情况下,消息会在一定时间后自动消失,也可以设置为不自动消失。3、多种类型:支持多种类型的消息,如成功(Success)、警告(Warning)、错误(Error)和 消息(Message)等。4、可配置:可以自定义消息的显示位置、持续时间、内容等。然鹅 Qml 中并未原创 2024-08-22 18:04:05 · 1538 阅读 · 0 评论 -
Qt 中实现异步散列器
虽然QCryptographicHash 很优秀,但它最大的问题在于其散列值的计算是同步的( 即阻塞),对小数据来说并没什么影响,但对大数据来说则意味明显卡顿。因此,我将QCryptographicHash 进行简单封装,扩展了实用性的同时并将计算改为异步,还增加了进度通知和结束通知。原创 2024-08-12 18:42:38 · 1293 阅读 · 0 评论 -
Qml 实现瀑布流布局
最近在刷掘金的时候看到一篇关于瀑布流布局的文章,然鹅他们的实现都是前端的那套,就想着 Qml 有没有类似实现。结果百度了一圈也没有( T_T Qml 凉了凉了 ),于是,我按照自己理解,简单实现了一个 Qml 版的瀑布流布局。瀑布流布局(Waterfall Layout),也被称为瀑布式布局或多栏自适应布局,是一种网页布局技术,它允许内容以多列的形式显示,类似于瀑布一样从上到下流动。这种布局方式特别适合于展示图片或卡片式内容,如图片库、新闻摘要、商品列表等。原创 2024-05-18 20:55:15 · 1451 阅读 · 0 评论 -
纯 Qml 实现仿画图3D的颜色选择器(更强更易用)
在做编辑相关的应用经常会用到颜色选择器。实际上, Qt Widgets 时代使用 QColorDialog 或者 Qml 中 ColorDialog即可完成一般的颜色选择的需求。 然鹅现在都 Windows 11了!!还在用那么拉跨的东西,实在是看不下去了。 然后自己一直很喜欢用 Windows 画图3D的那个颜色选择器,因此我决定仿照实现一个,并且还为它增加了一个透明度。原创 2022-11-16 10:00:00 · 2535 阅读 · 4 评论 -
Qml 实现的支持动图的编辑器(比之前要好)
在我之前的博客中就做过一个支持动图的编辑器,但是效果很差,而且还会出现其他的问题。然而最近找到了更好的实现方法,已经基本可以用了。原创 2019-03-16 17:22:36 · 2308 阅读 · 10 评论