QML
关注
分享
扫一扫
文章平均质量分 71
学习QML的点点滴滴
风轻不语
「代码如诗笺，千行写尽山河」
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
QML元素 - Flickable + Text (文字水平滚动)
摘要：QML中实现文本水平滚动效果可通过Flickable容器配合Text元素完成。原创 2025-07-04 16:07:36 · 277 阅读 · 0 评论 -
QML元素 - BrightnessContrast
在QML中，BrightnessContrast 是 QtGraphicalEffects 模块中的一个元素，用于调整图像的亮度和对比度。原创 2025-05-30 09:27:36 · 598 阅读 · 0 评论 -
QML元素 - Colorize
在QML中，Colorize 是 QtGraphicalEffects 模块中的一个元素，用于为图像或可视化元素添加单一色调（类似老照片滤镜效果）。它通过HSL（色相、饱和度、亮度）模型调整颜色，适用于统一色调风格、主题切换或艺术化渲染。原创 2025-05-30 09:27:13 · 366 阅读 · 0 评论 -
QML元素 - Blend
在QML中，Blend 元素属于 QtGraphicalEffects 模块，用于将两个图像源（source 和 foregroundSource）通过指定的混合模式合成。原创 2025-05-29 09:37:27 · 771 阅读 · 0 评论 -
QML元素 - Desaturate
在QML中，Desaturate 是 QtGraphicalEffects 模块中的一个元素，用于降低图像或可视化元素的饱和度（灰度化），适用于实现禁用状态、复古风格或简化视觉层次。原创 2025-05-29 09:36:53 · 366 阅读 · 0 评论 -
QML元素 - ColorOverlay
在QML中，ColorOverlay 属于 QtGraphicalEffects 模块，用于为图像或任意可视化元素叠加单一颜色，常用于实现色调调整、主题切换或高亮效果。原创 2025-05-28 09:20:21 · 895 阅读 · 0 评论 -
QML元素 - Canvas
掌握Canvas技巧后，您可灵活运用QML Canvas实现复杂绘图需求，结合QML的声明式语法和JavaScript的动态能力，打造丰富的可视化界面。原创 2025-05-27 09:46:51 · 445 阅读 · 0 评论 -
QML元素 - Button
在QML中使用Button组件时，掌握以下技巧可以提升界面开发效率与用户体验原创 2025-05-27 09:46:12 · 559 阅读 · 0 评论 -
QML元素 - GammaAdjust
在QML中，GammaAdjust 是 QtGraphicalEffects 模块中的一个元素，用于通过调整伽马值（gamma correction）修改图像的亮度分布，适用于校正显示器的非线性响应或实现艺术化视觉效果。原创 2025-05-26 09:30:43 · 715 阅读 · 0 评论 -
QML元素 - HueSaturation
在QML中，HueSaturation 是 QtGraphicalEffects 模块中的一个元素，专门用于调整图像的色相（Hue）、饱和度（Saturation）和亮度（Lightness）的精细控制。它基于HSL色彩模型，适用于图像色调校正、风格化滤镜或动态主题切换。原创 2025-05-26 09:30:22 · 953 阅读 · 0 评论 -
QML元素 - Glow和DropShadow对比
在 QML 中，Glow 和 DropShadow 都是 QtGraphicalEffects 模块提供的视觉效果组件，但它们的设计目的和使用场景有所不同。原创 2025-05-25 06:30:00 · 685 阅读 · 0 评论 -
QML元素 - Glow
在 QML 中，Glow 是 QtGraphicalEffects 模块提供的一个视觉效果组件，用于为元素添加发光（光晕）效果。原创 2025-05-25 06:30:00 · 426 阅读 · 0 评论 -
QML元素 - LevelAdjust
在QML中，LevelAdjust 是 QtGraphicalEffects 模块中的一个元素，用于通过调整输入和输出范围（色阶）以及伽马值来精确控制图像的亮度、对比度和色彩分布。它类似于图像编辑软件中的“色阶调整”功能，适用于修复曝光问题、增强对比度或实现风格化效果。原创 2025-05-24 09:26:33 · 852 阅读 · 0 评论 -
QML元素 - ConicalGradient
在QML中，ConicalGradient 是 QtQuick.Shapes 模块中的一个元素，用于创建围绕中心点旋转的圆锥形渐变效果，常用于实现环形进度条、颜色选择器或动态扫描效果。原创 2025-05-24 09:26:15 · 461 阅读 · 0 评论 -
QML元素 - LinearGradient
QML 的 LinearGradient 用于创建线性渐变效果，适用于背景、形状填充等场景。原创 2025-05-23 09:45:24 · 620 阅读 · 0 评论 -
QML元素 - RadialGradient
QML 的 RadialGradient 用于创建径向渐变（从中心向外扩散的渐变效果），适合实现圆形光晕、球体效果或动态背景。原创 2025-05-23 09:44:59 · 403 阅读 · 0 评论 -
QML元素 - Displace
QML 中实现 位移（Displace）效果通常需要借助 ShaderEffect 结合 GLSL 着色器编程，或者使用 Qt Quick Effects 模块中的 Displace 组件（需注意 Qt 版本和模块支持）。原创 2025-05-22 10:18:17 · 477 阅读 · 0 评论 -
QML元素 - DropShadow
QML 的 DropShadow 用于为元素添加投影效果，增强 UI 的立体感和层次感。它是 Qt Quick Effects 模块的一部分，适用于按钮、卡片、文本等元素的装饰。原创 2025-05-22 10:17:46 · 741 阅读 · 0 评论 -
QML元素 - InnerShadow
QML 的 InnerShadow 用于在元素内部边缘添加阴影效果，常模拟凹陷、压痕或内嵌的立体感，适用于按钮、面板、输入框等 UI 元素。原创 2025-05-21 09:42:34 · 575 阅读 · 0 评论 -
QML元素 - FastBlur
QML 的 FastBlur 用于快速模糊元素内容，适用于背景模糊、动态特效等场景。相比高斯模糊，它在性能上更高效（尤其适合移动端或低端设备），但模糊质量略有妥协。原创 2025-05-21 09:42:01 · 964 阅读 · 0 评论 -
QML元素 - GaussianBlur
QML 的 GaussianBlur 用于实现高质量高斯模糊效果，相比 FastBlur 效果更平滑（但性能消耗更大），适合对视觉效果要求较高的场景（如桌面端或静态元素）。原创 2025-05-20 09:55:50 · 617 阅读 · 0 评论 -
QML元素 - RecursiveBlur
QML 的 RecursiveBlur 用于实现递归模糊效果，通过多次迭代模糊操作（类似多次应用 FastBlur）来提升模糊质量，适用于需要更平滑的模糊效果且对性能有一定容忍度的场景（如桌面端或静态元素）。原创 2025-05-20 09:55:19 · 407 阅读 · 0 评论 -
QML元素 - DirectionalBlur
QML 的 DirectionalBlur 用于创建方向性模糊效果，模拟元素沿特定方向的运动模糊或动态拖影，适用于滑动菜单、滚动列表、动态卡片等场景。原创 2025-05-19 10:20:18 · 648 阅读 · 0 评论 -
QML元素 - RadialBlur
QML 的 RadialBlur 用于创建径向模糊效果，模拟元素围绕中心点旋转或缩放时的动态模糊，适用于焦点突出、速度感表现、转场动画等场景。原创 2025-05-19 10:18:40 · 519 阅读 · 0 评论 -
QML元素 - ZoomBlur
QML 的 ZoomBlur 用于创建镜头缩放模糊效果，模拟元素从中心向外扩散的径向动态模糊，适用于焦点缩放、转场动画、视觉冲击增强等场景。原创 2025-05-17 10:54:44 · 412 阅读 · 0 评论 -
QML元素 - Glow
QML 的 Glow 用于为元素添加外发光效果，模拟柔和的光晕或霓虹灯效果，适合突出按钮、图标、文本等 UI 元素。原创 2025-05-17 10:54:10 · 517 阅读 · 0 评论 -
QML元素 - RectangularGlow
QML 的 RectangularGlow 是 Qt Quick Effects 模块中专门为矩形元素设计的外发光效果，适用于为卡片、按钮、面板等矩形或圆角矩形添加柔和的边缘光晕，相比通用 Glow 更高效且支持圆角匹配。原创 2025-05-16 15:32:44 · 541 阅读 · 0 评论 -
QML元素 - OpacityMask
QML 的 OpacityMask 用于通过遮罩元素的 透明度（Alpha 通道） 裁剪源元素的可见区域，适用于创建不规则形状的 UI 元素（如圆形头像、波浪形进度条）或复杂视觉效果。原创 2025-05-16 15:32:12 · 865 阅读 · 0 评论 -
QML元素 - ThresholdMask
QML 的 ThresholdMask 用于根据阈值将源元素与遮罩元素的像素值进行比较，通过设定阈值范围来控制源元素的可见区域。它适用于基于亮度、透明度或颜色通道的动态遮罩效果，例如游戏中的血条、进度指示器或图像处理中的抠图。原创 2025-05-15 15:37:19 · 347 阅读 · 0 评论 -
QML元素 - MaskedBlur
在Qt Quick中，MaskedBlur 是一个用于实现带遮罩的模糊效果的特效元素，常用于界面设计中对特定区域应用模糊效果（例如对话框背景模糊、半透明遮罩等）。原创 2025-05-15 15:36:53 · 796 阅读 · 0 评论 -
QML元素 - Behavior
在QML中，Behavior 元素用于为属性变化自动添加默认动画，让属性的平滑过渡更加便捷。原创 2025-03-31 16:03:05 · 1046 阅读 · 0 评论 -
QML元素 - AnimatedImage
QML中的AnimatedImage元素用于显示动态图像（如GIF或WebP动画），支持自动播放、帧控制和循环设置。原创 2025-03-31 14:56:23 · 702 阅读 · 0 评论 -
QML元素 - Timer
QML 中的 Timer 组件用于在指定时间间隔后触发事件，支持单次或重复执行。原创 2025-03-31 14:39:55 · 637 阅读 · 0 评论 -
QML元素 - Connections
QML 中的 Connections 元素用于连接来自不同作用域对象的信号，允许在非信号源组件中处理信号。原创 2025-03-31 14:23:19 · 704 阅读 · 0 评论 -
QML元素 - Loader
在QML中，Loader 是一个用于动态加载和卸载组件的元素，能够有效管理资源并实现按需加载。原创 2025-03-31 14:16:00 · 983 阅读 · 0 评论 -
QML中的WorkerScript
在 QML 中，WorkerScript 是一种用于在后台线程中执行 JavaScript 代码的机制，其核心目的是将耗时操作与主 UI 线程分离，避免界面卡顿，提升用户体验。通过合理使用 WorkerScript，可以在不阻塞 UI 的前提下充分利用多核 CPU 资源，显著提升 QML 应用的性能和用户体验。原创 2025-03-29 16:41:33 · 722 阅读 · 0 评论 -
QML编程中的性能优化二
通过结合上述策略，逐步分析瓶颈并针对性优化，可显著提升QML应用的流畅性和响应速度。原创 2025-03-29 16:32:33 · 914 阅读 · 0 评论 -
QML中使用Image显示图片和使用QQuickItem显示图片
在QML中显示图片时，Image元素和自定义QQuickItem有不同的特性和适用场景。Image。原创 2025-03-29 16:01:57 · 1221 阅读 · 0 评论 -
QML中刷新图片的三种方法对比分析
在 Qt Quick 中，使用 QQuickImageProvider、QQuickPaintedItem 和继承 QQuickItem 三种方式实现图像刷新和缓存管理时，各有其优缺点。原创 2025-03-28 15:35:13 · 1456 阅读 · 0 评论 -
QML控件 - Text
在 QML 中，Text 组件是用于显示文本的核心元素，支持丰富的文本样式、布局和交互功能。原创 2025-03-26 20:20:17 · 581 阅读 · 0 评论