
QML开发
文章平均质量分 63
小灰灰搞电子
这个作者很懒,什么都没留下…
展开
-
Qt QWidget和QML实现窗口拖动源码分享
Qt QWidget和QML实现窗口拖动源码分享原创 2025-04-19 07:17:35 · 305 阅读 · 0 评论 -
QML 介绍及学习路线分享
QML (Qt Modeling Language) 是一种用于Qt 应用开发的声明式用户界面语言,它基于 JavaScript 和 JSON 样式的语法,专注于创建高性能、动态和现代化的用户界面。QML 是 Qt 框架的重要组成部分,用于构建跨平台的图形界面,特别是在需要快速开发交互式用户界面的场合。QML 是 Qt 框架的重要组成部分,它以简洁的语法、强大的功能和优秀的性能成为开发现代用户界面的理想之选。原创 2025-03-05 07:49:28 · 958 阅读 · 0 评论 -
QML StackLayout详解与使用例程
StackLayout是一种QML布局组件,用于在同一位置按顺序堆叠多个子项。每次只会显示一个子项,通过更改当前显示的子项来切换内容。StackLayout可以让用户轻松地在不同的页面或视图之间进行切换,适用于需要切换不同视图或页面的应用程序。原创 2025-03-05 07:42:15 · 345 阅读 · 0 评论 -
QML 实现抽屉式侧边栏
QML 实现抽屉式侧边栏原创 2025-03-01 04:41:49 · 452 阅读 · 0 评论 -
QT QML和QWidget区别
QML 和 QWidget 是两种不同的应用程序界面构建方式,都在 Qt 框架中用于开发用户界面(UI)。它们各自的设计思想、应用场景和实现方式都有很大的不同。原创 2025-03-01 04:41:28 · 1493 阅读 · 0 评论 -
QML AnimatedImage详解并实现播放完一帧后自动停止
`AnimatedImage` 是一个用于显示循环动画图像的 QML 类型。它继承自 `Image` 类型,支持播放具有多个帧的动画图像(例如 GIF 动画)。通过使用 `AnimatedImage`,开发者可以轻松地在 QML 应用程序中加载和播放动画图像,而无需手动处理帧更新或定时器。原创 2025-02-28 07:41:27 · 1044 阅读 · 0 评论 -
QML 实现窗口渐变显示和渐变关闭
QML 实现窗口渐变显示和渐变关闭。原创 2025-02-28 07:41:15 · 153 阅读 · 0 评论 -
QML StackView和SwipeView详解
QML StackView是 Qt 提供的一种堆栈式的视图容器,专门用于管理视图(页面)的堆叠切换。它允许开发者将多个页面按堆栈模式进行管理,用户可以通过入栈(`push`)、出栈(`pop`)、替换(`replace`)等操作来切换视图。原创 2025-02-27 07:34:41 · 1229 阅读 · 0 评论 -
QML实现自己的桌面萌宠源码分享
QML实现桌面萌宠,可以撒娇、拖动、弹框消息提示。原创 2025-02-27 07:34:26 · 1166 阅读 · 0 评论 -
QML 使用虚拟键盘(VirtualKeyboard)详细教程
VirtualKeyboard(虚拟键盘)是 Qt 提供的一个模块,用于实现虚拟键盘功能的组件。它通常适用于触摸屏设备,比如嵌入式系统、手持设备、移动设备等。这些设备在没有物理键盘的情况下,可以通过使用软件虚拟键盘来提供输入功能。原创 2025-02-26 08:17:48 · 1407 阅读 · 0 评论 -
Qml 自定义Notification Dialog(悬浮出现页面上的通知消息)源码分享
通过ListView实现Notification Dialog。原创 2025-02-25 13:57:03 · 478 阅读 · 0 评论 -
QML添加系统托盘源码分享
系统托盘(System Tray)是指位于计算机操作系统任务栏(Taskbar)中的一行小图标,通常用来显示一些系统状态信息、快捷操作功能或者第三方软件的运行状态。用户可以通过系统托盘来快速访问系统设置、调整音量、查看网络连接状态、管理打印机等等。原创 2025-02-24 17:49:31 · 358 阅读 · 0 评论 -
QML ToolButton与DelayButton的使用、详解与自定义样式
在 QML(Qt Markup Language)中,`ToolButton` 是一个提供工具按钮功能的控件,通常用于实现紧凑且功能性强的小型按钮,适用于工具栏或类似的用户界面场景。`ToolButton` 是 `AbstractButton` 的一个子类,因此它继承了很多基本按钮的特性,比如点击事件处理、启用状态、图标等。原创 2025-02-22 00:02:34 · 753 阅读 · 0 评论 -
QML ScrollBar如何一直保持到最底部
在一些动态内容呈现的场景下,页面的内容可能会随着事件不断增长。滚动条保持在底部保证用户始终可以看到新增内容,而不需要手动调整。原创 2025-02-22 00:02:18 · 258 阅读 · 0 评论 -
QML 实现一个动态的启动界面
QML 实现一个动态的启动界面。原创 2025-02-22 00:01:56 · 462 阅读 · 0 评论 -
QML Dial与CheckBox的使用与自定义样式
Dial是一种用于在Qt Quick应用程序中创建旋钮(dial)或旋转控件的QML类型。旋钮是一种常见的用户界面元素,通常用于调整数值或控制应用程序中的参数。CheckBox是QML中的一个元素,用于表示一个可以被选中或取消选中的复选框。CheckBox通常用于让用户在多个选项中进行选择,可以用于设置开关、勾选等功能。原创 2025-02-19 08:21:23 · 780 阅读 · 0 评论 -
QML BusyIndicator与RadioButton的使用、详解与自定义样式
BusyIndicator是Qt Quick中的一个组件,用于显示应用程序正在执行某个任务或加载数据的繁忙状态。它通常以动画的形式显示,告诉用户应用程序正在处理某些操作,避免用户误以为应用程序无响应或崩溃。RadioButton` 是 QML 中一个常见的控件,主要用来创建互斥的选项组。用户可以在一组 `RadioButton` 中选择其中的一个选项,当选中其中一个选项时,其它的 `RadioButton` 将自动取消选中状态。原创 2025-02-19 08:20:41 · 945 阅读 · 0 评论 -
QML StandardKey介绍及取值
在 QML 中,`StandardKey` 是一个枚举类型,主要用于处理快捷键或标准化键绑定。通过使用 `StandardKey`,开发者能够轻松为组件定义常见的快捷键,并保证跨平台的一致性。例如,复制、粘贴、保存等操作在不同的操作系统上可以有一致的键盘映射。`StandardKey` 通常与 `Shortcut` 等组件一起使用。原创 2025-02-18 15:00:41 · 372 阅读 · 0 评论 -
QML Button与ComboBox的使用与自定义
QML中的Button是一种用户界面元素,用于在用户界面中添加可点击的按钮。按钮通常用于触发特定操作或事件,如提交表单、转换页面等。在QML中,可以使用Button元素来创建按钮,并通过绑定不同的信号和槽来定义按钮的行为。原创 2025-02-18 14:36:51 · 895 阅读 · 0 评论 -
QML ProgressBar与Slider的使用、详解与自定义
1、ProgressBar介绍。2、Slider介绍。原创 2025-02-18 10:28:50 · 385 阅读 · 0 评论 -
QML 生成简易图形验证码源码分享
图形验证码是一种常用的验证码形式,它通过展示用户需要识别的图形或图片来验证用户的身份。用户在进行登录或注册等操作时,需要识别图形验证码中的内容,如文字、数字、图案等,然后输入到相应的输入框中以完成验证。原创 2025-02-17 17:08:17 · 963 阅读 · 0 评论 -
QML DropShadow详解及使用方法
在 Qt 的 QML 框架中,`DropShadow` 是一个效果控件,用于为元素添加阴影,从而提升元素的视觉层次和美感。通过使用 `DropShadow`,可以很方便地为 QML 元件(如 `Rectangle` 或 `Image`)创建柔和的阴影效果。原创 2025-02-17 15:15:30 · 357 阅读 · 0 评论 -
QML TreeView详解与源码分享
QML TreeView是Qt Quick中的一个组件,用于显示树形数据结构。它提供了一种方便的方式来显示具有父子关系的数据,并允许用户展开和折叠子项。TreeView允许开发者自定义数据模型和视图样式,以满足特定的需求。原创 2025-02-17 10:09:41 · 711 阅读 · 0 评论 -
QML使用PolarChartView绘制极坐标图
极坐标图是一种表示平面上点的坐标系,也称为极坐标系。它使用极径和极角来描述点的位置,相对于直角坐标系的x和y坐标。在极坐标系中,每个点的位置由一个极径和一个极角确定。原创 2025-02-13 10:55:52 · 341 阅读 · 0 评论 -
QML使用ChartView绘制K线图
K线图是一种用于展示金融市场价格走势的图表形式。它是由一系列的蜡烛形状的图案组成的,每根蜡烛代表一段时间内的价格波动情况。K线图是日本人发明的,最早用于描述期货市场价格走势。原创 2025-02-13 09:09:06 · 449 阅读 · 0 评论 -
QML使用ChartView绘制箱线图
箱线图,是一种用于展示数据分布情况的统计图表。它显示了数据集中的五个统计数字:最小值、第一四分位数、中位数、第三四分位数和最大值。通过这些统计数字,我们可以快速了解数据的分布情况、离群值和数据的集中趋势。原创 2025-02-13 09:04:57 · 797 阅读 · 0 评论 -
QML使用ChartView绘制折线图
按第一条工程配置修改自己的工程。二、ChartView介绍。六、程序崩溃的解决方法。原创 2025-02-13 08:56:53 · 673 阅读 · 0 评论 -
QML使用ChartView绘制散点图
散点图是一种常用的数据可视化工具,用于展示两个变量之间的关系。散点图通过在二维坐标系中以点的形式表示数据,其中一个变量沿着横坐标,另一个变量沿着纵坐标。每个点的位置代表了对应数据点在两个变量上的取值,通过观察散点图中点的分布规律,我们可以快速了解两个变量之间是否存在某种关联性或趋势。总的来说,散点图是一种简单直观的数据可视化工具,通过展示数据点在二维坐标系中的分布情况,帮助我们更好地理解数据之间的关系和特征。按第一条工程配置修改自己的工程。二、ChartView介绍。六、程序崩溃的解决方法。原创 2025-02-13 08:52:56 · 281 阅读 · 0 评论 -
QML使用ChartView绘制饼状图
饼状图是一种常用的数据可视化图表,用于展示各部分占整体的比例关系。它由一个圆形区域组成,被划分成若干个扇形区域,每个扇形的大小与所代表的部分在整体中所占比例成正比。通常,饼状图的每个扇形区域会有相应的标签,用于标识该部分代表的具体数据或类别。饼状图适用于展示数据的相对比例和占比关系,能够直观地呈现数据的分布情况。常见的应用场景包括市场份额、调查结果、销售额占比等方面。总的来说,饼状图是一种简单而有效的数据可视化工具,在呈现数据占比关系时能够起到直观和易于理解的作用。按第一条工程配置修改自己的工程。原创 2025-02-13 08:44:41 · 938 阅读 · 0 评论 -
QML 拖动元素Flickable介绍与使用
在QML中,Flickable是一个非常有用的元素,用于在界面上实现滚动和拖动功能。Flickable元素包含一些属性,用于控制其行为和外观。一、Flickable介绍。一、Flickable介绍。原创 2025-02-12 16:15:19 · 454 阅读 · 0 评论 -
QML 快捷键与Shortcut的使用
在QML中,Shortcut是一种用于捕获用户键盘输入的动作的元素。Shortcut元素允许您定义特定键盘组合的动作,以便在用户按下该键盘组合时触发相应的操作。Shortcut可以与任何具有焦点的元素配合使用,例如按钮、文本框等。在QML中,您可以将Shortcut元素嵌套在其他元素内部,以捕获键盘输入并执行相应的操作。例如,您可以将Shortcut与按钮元素配合使用,以在用户按下特定键盘组合时触发按钮的点击事件。三、Shortcut介绍。原创 2025-02-12 15:51:34 · 479 阅读 · 0 评论 -
QML Binding和Qt.binding详解
delayed : bool: 此属性决定是否应延迟绑定property : string: 要更新的属性。restoreMode : enumeration: 此属性可用于描述禁用绑定时是否以及如何恢复原始值。target : QtObject: 要更新的对象。value : var: 要在目标对象和属性上设置的值。这可以是常量(不是很有用),也可以是绑定表达式。when : bool: 当绑定处于活动状态时,此属性保持不变。当您希望绑定处于活动状态时,应将其设置为计算结果为true的表达式。原创 2025-01-21 14:06:25 · 697 阅读 · 0 评论 -
QML自定义Switch与Switch详解
QML Switch是一种可视化控件,用于在用户界面中切换开关状态。它提供了一个滑动按钮,当按钮处于"开"状态时,表示开启状态;当按钮处于"关"状态时,表示关闭状态。在QML中,可以使用Switch控件来实现一些功能,比如启用/禁用某个功能、切换显示模式等。在QML中,Switch是一个可用于切换布尔属性的控件。它在开启和关闭状态之间进行切换,并且可以显示相应的标签。二、自定义Switch效果展示。一、Switch介绍。一、Switch介绍。原创 2025-01-21 10:31:51 · 576 阅读 · 0 评论 -
QML Pane和Page控件详解
Pane是QML中的一个容器控件,用于在用户界面中创建灵活的布局。Pane提供与应用程序样式和主题匹配的背景颜色。Pane不提供自己的布局,但要求您定位其内容,例如通过创建RowLayout或ColumnLayout。声明为Pane子项的项目将自动成为Pane的contentItem的父级。QML中的Page控件是用于创建多个页面的容器控件。它可以用作导航栏中的页面或者作为StackView控件的子页面。在QML中,可以通过添加Page控件来创建多个页面,并通过StackView控件来进行页面切换。原创 2025-01-20 17:27:37 · 368 阅读 · 0 评论 -
QML字符串转换相关操作
一、字符串转整形一、字符串转整形在QML(QtMarkupLanguage)中,可以通过JavaScript的类型转换函数将字符串转换为整形数字。原创 2025-01-20 13:57:12 · 524 阅读 · 0 评论 -
QML字符串操作函数
在QML中,QML提供了许多字符串操作函数,包括字符串的操作、查找、分割、拼接等。下面列出了一些常用的字符串操作函数,并附带简单的解释和示例。原创 2025-01-20 13:38:49 · 402 阅读 · 0 评论 -
QML FileDialog详解
在需要调用文件对话框的地方,通过调用open()方法打开对话框,然后通过监听accepted信号来获取用户选择的文件。:此属性包含选择文件的文件夹。:此属性包含接受对话框的按钮上显示的标签文本。:此属性包含取消对话框的按钮上显示的标签文本。:此属性包含限制可以选择的文件类型的过滤器。:此属性在对话框中保存当前选定的文件。:此属性包含影响对话框外观的各种选项。:此属性保存对话框中当前选定的文件。:此属性决定选择哪个名称过滤器。:此属性保存最终接受的文件。:此属性保存最终选择的文件。:此属性包含对话框的模式。原创 2025-01-17 08:54:15 · 459 阅读 · 0 评论 -
QML PathView详解
一、PathView介绍一、PathView介绍QML PathView是一个用于在指定路径上显示多个项目的QML类型。它可以在任何形状的路径上显示项目,如直线、曲线、圆等。它可以根据路径的长度自动调整项目的布局,并提供平滑的滚动效果。PathView可以用于创建一些有趣的用户界面,例如旋转菜单、时间轴、手势导航等。使用PathView,你可以指定一个模型来定义项目的数据,然后使用一个委托来定义每个项目的外观和行为。原创 2025-01-15 14:08:59 · 752 阅读 · 0 评论 -
QML将图片转为圆角头像代码分享
原图:转换后:使用方法:3、解析此功能主要是通过来实现:OpacityMask是一种在Qt Quick中用于设置透明度遮罩的元素。它允许我们根据一个透明度的掩码来控制另一个元素的可见性。OpacityMask有两个重要的属性:source和mask。source是要应用遮罩的元素,而mask是一个图像或者另一个元素,作为遮罩的掩码。遮罩的掩码会根据其自身的透明度来控制source元素的可见性。透明的区域将隐藏source元素,而不透明的区域将显示source元素。原创 2025-01-14 15:58:55 · 249 阅读 · 0 评论 -
QML实现控件绕任意一个轴旋转动画
主要通过和来实现。用来设置旋转中心和旋转轴,包括角度参数,用来设置旋转时间。原创 2025-01-14 10:14:26 · 488 阅读 · 0 评论