随笔分类 -  Qt Quick(Qml)开发之旅

Qt Quick(Qml)从基础开始,学习,实战,提升。 啊。。还有好多坑(ಥ _ ಥ)
摘要:Qml 中实现时间轴组件时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件。 本文将介绍如何使用 Qml 实现一个灵活且可定制的时间轴组件,并探讨其设计思路和实现细节。 阅读全文
posted @ 2025-01-16 11:34 梦起丶 阅读(659) 评论(0) 推荐(2)
摘要:Qml 中实现任意角为圆角的矩形在 Qml 中,矩形(Rectangle)是最常用的元素之一。 然而,标准的矩形元素仅允许设置统一的圆角半径。 在实际开发中,我们经常需要更灵活的圆角设置,例如只对某些角进行圆角处理,或者设置不同角的圆角半径。 本文将介绍如何通过自定义 Qml 元素实现一个任意角可为圆角的矩形。 阅读全文
posted @ 2025-01-15 18:13 梦起丶 阅读(498) 评论(0) 推荐(0)
摘要:Qml 中实现毛玻璃效果毛玻璃效果(Acrylic Effect)是一种常见的 UI 设计风格,它通过模糊背景并添加透明度和噪声效果,使界面元素看起来像是半透明的磨砂玻璃。 本文将介绍如何使用 Qml 实现这种效果,并提供一个完整的示例代码。 阅读全文
posted @ 2024-12-31 18:10 梦起丶 阅读(1022) 评论(0) 推荐(2)
摘要:Qml 中实现水印工具在 Qt 的 Quick 模块中,`QQuickPaintedItem` 是一个非常有用的类,它允许我们在 Qml 中自定义绘制逻辑。 我们可以通过这种方式实现水印工具,包括在文本、图片或整个窗口上添加水印。 本文将介绍如何在 Qml 中实现一个简单但功能强大的水印工具,包括水印文本的透明度、颜色、字体大小、旋转角度等自定义功能。 阅读全文
posted @ 2024-12-29 17:59 梦起丶 阅读(380) 评论(0) 推荐(3)
摘要:Qt 中实现系统主题感知在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观。 Qt 作为一个跨平台的C++图形用户界面应用程序开发框架,提供了丰富的工具和类来实现这一功能。 阅读全文
posted @ 2024-12-28 17:55 梦起丶 阅读(576) 评论(0) 推荐(2)
摘要:Qml 实现星级评分组件在现代应用程序中,星级评分是一个常见的用户界面元素,它允许用户对产品、服务或内容进行评价。 想必大家在用各种带有评分的软件中看到过这个组件: 本文将指导你如何使用 Qml 创建一个简单而美观的星级评分组件,并且支持高度自定义。 阅读全文
posted @ 2024-09-15 17:07 梦起丶 阅读(250) 评论(0) 推荐(1)
摘要:Qml 实现水波进度动画条最近看到一个非常有趣的动画效果:**水波进度动画。** 学习了一下实现思路,觉得很有意思。 不过原版是 `HTML + CSS`,我这里用的是 `Qml`,有一些小技巧,分享给大家~ 阅读全文
posted @ 2024-09-13 20:02 梦起丶 阅读(622) 评论(1) 推荐(5)
摘要:Qml 实现仿前端的 Notification (悬浮出现页面上的通知消息)在前端中一般称它为 Notification 或 Message,但本质是一种东西,即:悬浮弹出式的消息提醒框。 这种组件一般具有以下特点: 1、全局/局部显示:它不依赖于具体的页面元素,可以在整个页面的任意位置显示。 2、自动消失:默认情况下,消息会在一定时间后自动消失,也可以设置为不自动消失。 3、多种类型:支持多种类型的消息,如成功(Success)、警告(Warning)、错误(Error)和 消息(Message)等。 4、可配置:可以自定义消息的显示位置、持续时间、内容等。 然鹅 Qml 中并未提供类似的组件,因此我便仿照前端实现了出来,并且更加简单易用。 阅读全文
posted @ 2024-09-12 20:27 梦起丶 阅读(1199) 评论(2) 推荐(1)
摘要:Qt 中实现异步散列器在很多工作中,我们需要计算数据或者文件的散列值,例如登录或下载文件。 而在 Qt 中,负责这项工作的类为 `QCryptographicHash`。 虽然 `QCryptographicHash `很优秀,但它最大的问题在于其散列值的计算是同步的( 即阻塞 ),对小数据来说并没什么影响,但对大数据来说则意味明显卡顿。 因此,我将 `QCryptographicHash` 进行简单封装,扩展了实用性的同时并将计算改为异步,还增加了进度通知和结束通知。 阅读全文
posted @ 2024-09-11 10:12 梦起丶 阅读(387) 评论(0) 推荐(4)
摘要:Qml 实现瀑布流布局最近在刷掘金的时候看到一篇关于瀑布流布局的文章,然鹅他们的实现都是前端的那套,就想着 Qml 有没有类似实现。 结果百度了一圈也没有( T_T Qml 凉了凉了 ),于是,我按照自己理解,简单实现了一个 Qml 版的瀑布流布局。 阅读全文
posted @ 2024-09-10 18:49 梦起丶 阅读(582) 评论(0) 推荐(2)