Qt Quick/QML入门到精通_专栏demo对应文章目录(目前40个左右demo/长期更新)

如果您已订阅入专栏,记得请入群,有不懂的可以在群里及时问我,如果有想实现的功能且实现不了,可以找我,如果用的场景比较多,我会免费帮您实现

网站导航界面

通过GridLayout来做一个简易的网站导航界面,并支持自适应界面.当我们点击其中的某个按钮,就会打开浏览器跳到对应的网站上.

图片浏览器-支持多个图片浏览、缩放、旋转、滑轮切换图片

 代码介绍

• flick : 用来存放放置当前大图的一个Flickable容器
• photoImage : 用来显示当前大图的一个Image
• fileGroup : 文件选项组合框,里面有"打开文件"、"上一张"、"下一张"按钮
• ctrlGroup : 图片控制组合框,里面有"放大"、"旋转"滑动条
• imageInfoGroup: 基本信息组合框,里面有"尺寸"、"路径"文本
• authorInfoGroup: 关于组合框,里面有笔者信息
• images: 存放用户打开的所有图片的浏览区

Qt Quick QML-500行代码实现“合成大西瓜游戏

代码中逻辑主要如下所示:

• 移动水果,并进行边界检测
• 亲自实现水果之间碰撞检测,如果是两个相同的水果,则进行水果合并,否则就计算小球碰撞后的移动方向.
• 判断水果是否溢出终点线,如果溢出,则将每个水果进行破碎,弹出结束画面,等待下一局

高仿微信实现局域网聊天V1版本

高仿微信实现局域网聊天V2版本

高仿微信实现局域网聊天V3版本

 版本说明:

• 添加登录界面、
• UDP校验登录、
• 皮肤更换、
• 3D旋转(主界面和登录界面之间切换) 、

高仿微信实现局域网聊天V4版本

 在V3的基础上新增:

• 支持拖动和更改窗口大小、
• 可以单独聊天、也可以在聊天室所有人聊天、
• 支持收发gif表情包(支持粘贴复制)、
• 自动刷新当前好友在线人数等、
• 同时支持Linux和Windows编译运行

高仿微信实现局域网聊天V5版本(支持windows/mac/linux编译)

部分截图如下所示:

 在V4的基础上新增:

• 多线程文件收发、实测传输100GB文件没问题、支持等待传输队列
• 文件传输列表展示
• 文件聊天展示
• 新增mac系统一键编译

QML控件-实时滚动条

 显示区域如果小于文本区域,则自动进行滑动,否则就直接居中显示,并可以设置滑动速率

QML控件-灯控件

QML控件-水纹波进度条

可以支持自定义颜色、波纹幅度、水波流动速度、采样点数目(嵌入式效果差的话可以适当降低增加画面刷新速度). 

QML控件-ListView拖拽选中换行、添加、删除、移动动画

实现的功能如下所示:

• 支持添加动画、移除动画、移动动画
• 按下移动则实现拖拽、点击则实现选中效果
• 拖拽的时候,则显示要替换行的高亮位置

QML控件-自定义非常好看的qml虚拟软键盘V1版本

QML控件-自定义非常好看的qml虚拟软键盘V2版本(手机键盘弹出机制)

发现在嵌入式触摸屏上并没有手机那样方便、所以v2版本实现手机键盘弹出机制、

qt quick-CandlestickSeries实现K线图 行情列表 详细列表 线拖拽

qt quick-自定义LineSeries、实现箭头线、标签序号、拖拽/插入/删除

qt quick-自定义LineSeries之添加贝塞尔曲线V2版本 

在V1的基础上新增: 曲线编辑

qt quick-MediaPlayer视频播放器

QML控件-带数值双向滑动器RangeSlider(支持改色，显示无穷大 )

QML控件-自定义三态按钮、自定义图标下拉列表框

自定义图标下拉列表框的效果如下所示:

自定义三态按钮的效果如下所示:

qt quick-PathView实现好看的home界面

qt quick-qml使用高德地图插件实现V2版本(新增:位置搜索、路径规划、轨迹编辑等) (找我获取)

特点如下所示:

• Qt地图插件，使用简单方便，不用浏览器内核，运行高效迅速
• 跨平台支持，（Qt Windows（MinGW, MSVC）\Linux(桌面、嵌入式)\Android\IOS\等)
• 在线更新瓦片地图下载，并且支持缓存保存离线地图实现
• 支持位置搜索、路径规划、自定义轨迹编辑画图等

qt quick-qml使用高德地图插件实现V3版本(行业软件,需找我获取)

在V2的基础下新增以下功能:
1、支持多线程请求、超时重试、软件重启续传功能、支持多个任务并行下载
2、自己实现的裁剪算法,实现地图任意多边形及任意顺时针逆时针裁剪、
3、离线加载地图并预览、并支持在原来支持的图层上再次放大
4、实现多个图层下载融合(比如高德卫星 标记)
5、实现区域查询,区域下载
6、自定义皮肤
7、跨平台、支持 Windows（mingw, msvc） Linux(桌面、嵌入式 ) 安卓等，不仅支持QML加载、也支持QWidget加载

体验地址
链接：https://pan.百度.com/s/1PzJVZhyrzJbBoQrZCnUuvw?pwd=d836?
文件名:诺谦-地图引擎下载器v3试用版(支持跨平台,离线,在线,多任务下载,轨迹,标记等)
提取码：d836

b站演示传送门:

Qt quick-QML地图引擎之v3版本(新增高德/谷歌在线/离线预览/多线程离线裁剪下载/区域查询/位置搜索/路径规划)_哔哩哔哩_bilibili

QML控件-qml调色板(颜色取色器)实现、自定义QQuickStyle样式

QML控件-QML侧边滑动栏(不需要任何图片资源,支持自定义左右方向和大小)

QML控件-qml自定义日历组件(支持竖屏和横屏)

QML控件-多级折叠下拉导航菜单（支持动态添加/卸载 支持qml/widget加载、动画伸展等）

65.qt quick-qml自定义item菜单(鼠标放上自动弹出子菜单,离开自动关闭子菜单)

71.qt quick-可伸展菜单-抽屉栏示例 通用QML界面(一键换肤 私聊获取)

抽屉栏和菜单伸展栏合并的一个通用QML界面框架:

效果如下所示：

 抽屉栏动图操作如下所示(跟随皮肤颜色自动变换):

换肤切换菜单栏动图如下所示(跟随皮肤颜色自动变换):

特点:支持动态添加item、删除item、自适应界面
附带添加删除、展开等动画
同时支持qwidget、qml加载
支持number提示(比如消息数量等)
侧边抽屉栏支持动画伸展
支持换肤、拖拽、最大化等 

75.qt qml-通用QML界面V2-剪映暗黑风格界面

qt qml-QianWindow炫酷界面框架(支持白色暗黑渐变自定义控件均以适配)

• 界面支持: 透明 白色 黑色 渐变 单色 静态图 动态图
• 侧边栏支持:抽屉、带折叠、多模式场景
• 控件已集成: 暗黑风格 高亮风格、并附带各种自定义控件、对话框等

 

传送门: 

73.qt quick-通用可拖拽表盘示例

74.qt quick-水平ListView拖拽选中换行、添加、删除、移动动画V2

79.qt qml-如何在QML中使用QCustomPlot之曲线/折线示例(已适配黑白风格)

传送门: 

80.qt qml-QianWindow炫酷界面框架-新增Canvas动态背景

81.qt qml-Canvas深入学习之好看的水纹波自定义控件V2

85.qt qml-炫酷烟花粒子特效(支持多种爆炸模式、爆炸阴影、背景场景)

 86.qt qml-多种粒子特效按钮实现

87.qt qml-分页组件控件(支持设置任意折叠页数等)

90.qt qml-Table表格组件(支持表头表尾固定/自定义颜色/自定义操作按钮/插入排序)

91.qt qml-圆角毛玻璃 高斯模糊

92.qt qml-日期/日期时间/时间选择器(日历选择器)

93.qt qml-自定义Table优化(新增：水平拖拽/缩放自适应/选择使能/自定义委托)

94.qt qml-分页Table表格组件

除此之外还包括其它知识学习demo,具体获取方式在文章内容有介绍

这篇好文章是转载于：学新通技术网