抵抗时间扭曲，坚持做一件有意义的事

qt qml-最全Table交互之多列固定、行列拖拽、自定义委托、标题交互、使用教程

自定义图标下拉列表框的效果如下所示:自定义三态按钮的效果如下所示:传送门:53.qt quick-自定义三态按钮、自定义图标下拉列表框_诺谦的博客-CSDN博客传送门:59.qt quick-qml调色板(颜色取色器)实现、自定义QQuickStyle样式_诺谦的博客-CSDN博客63.qt quick-QML侧边滑动栏(不需要任何图片资源,支持自定义左右方向和大小)_诺谦的博客-CSDN博客_qt实现好看侧边栏。...

在之前V4版本40.qt quick- 高仿微信实现局域网聊天V4版本(支持gif动图表情包、消息聊天、拖动缩放窗口、支持Linux编译)..._诺谦的博客-CSDN博客我们已经有了以下功能:添加登录界面、 UDP校验登录、 皮肤更换、 3D旋转(主界面和登录界面之间切换) 、 支持拖动和更改窗口大小、 可以单独聊天、也可以在聊天室所有人聊天、 支持收发gif表情包(支持粘贴复制)、 自动刷新当前好友在线人数等、 同时支持Linux和Windows编译运行本章继续添加:多线程文

"合成大西瓜"这个游戏在年前很火热，还上过微博热搜，最近便玩了一阵还挺有意思的,所以研究了一下小球碰撞原理,自己亲自手写碰撞算法来实现一个合成大西瓜游戏.并支持任意大小布局,你想玩多大面积,就拖多大面积,只要面积够大,认真玩下去,合100个大西瓜都可以.哈哈~~~1.游戏介绍游戏里面总共有11个水果,两个相同水果的合成一个较大的水果,最终合成一个大西瓜便不能继续合下去了:然而博主自己写...

接近9000个自定义的矢量图标，支持随意改色、任意像素大小，对以后的软件开发提供了非常快捷方便流程

在上篇文章我们实现了大部分功能，所以本章实现下拉复制功能。

QianWindow2.5版本及以上提供，源码位于：在源码中提供了一个showComponent属性，该属性可以用户自定义显示层，默认提供的是一个输入框显示，也就是下面这一块区域:text: "选择时间: "YaheiText{"请输入日期" : _qianCalendarInputField.currentDateTime.toLocaleString(Qt.locale(), "ddd yyyy/MM/dd")print("你选择了：", currentDateTime)

它提供了一个mouseEnabled属性，该属性默认为true,也就是说也会处理鼠标事件，鼠标事件其实就是当个触摸点,如果设置为false,则只会处理多个触摸的事件,并且将单个触摸点事件(鼠标事件)交给其它能支持鼠标事件的对象处理(比如MouseArea)MultiPointTouchArea是一个不可见的项目，用于跟踪多个触摸点,它的父类是Item,所以我们可以通过enabled来设置触摸是启用还是禁用。接下来我们添加偏移点。代码已在触摸屏上已测试通过。

Qt官方之前出过QTSingleApplication，用于实现只启动一个实例，并在启动时可以向向另一个实例通信（依赖于QtNetwork模块），该模块是一个独立模块，需要git上下载，所以本章demo已上传至专栏群，方便大家直接用。由于，该示例只是简单讲解了系统托盘实现，并没有实现单例程序，所以多次打开后就会出现多个exe出现的可能，本章出一章QML单例程序实现， 多次打开始终只显示出第一个打开过的程序。然后我们基于该模块的方式实现，修改为qml方式的。58.qt quick-qml系统托盘实现。

let i;for(i = 0;i

当我们按下ctrl鼠标左键按下移动时，需要提前关闭interactive属性，否则会造成Table滑动页面，然后根据鼠标位置来获取具体行，并对其进行 选中/取消选中。参考windows文件夹，记录用户点击的第一行,然后根据shift按下的另一行来实现多选。

Post不同内容的时候，Content-Type需要自己去改变不同类型(GET方法设置该请求头无效)Content-Length请求头一般不需要设置,会自动根据请求的数据大小来计算。

如下图所示:自带一个功能界面，可以通过功能界面添加不同功能，并且可以固定到顶部水平导航栏中，对于N多小功能的项目而言，非常方便，这样用户就可以根据自己喜好来使用自己常用的功能了。

然后我们又学习了Table实现，所以本章实现一个分页Table表格组件，配合分页控件, 模拟请求服务器数据来实现数据分解效果，因为一般使用分页的时候，一般都是分页请求，避免数据量过多，导致ui卡顿。示例界面文件位于： qrc:/pages/QianControlPages/QianPaginationTablePage.qml。

自定义委托一般都是根据不同列来做不同编辑功能实现，所以我们将自定义委托放在了TableHeader中(为了方便)，如果后面需要升级迭代再进行优化。TableHeader如下所示:这里，我们默认设置为true,所以每处数据都是可以编辑的，默认委托modifyDelegation 为_textEditComponent(文本框编辑)。display: "姓名"width: 100// ComboBox编辑委托model: ["王二", "张三", "李四", "小红", "小明", "老明"]

QML日历组件我们之前移植过:67.qt quick-qml自定义日历组件(支持竖屏和横屏)_qml日历_诺谦的博客-CSDN博客但是该组件内部代码比较坑的就是全部使用自定义对象，导致性能不行，动画卡顿，并且不好加时间选择，所以本章我们重新学习，然后重构一个日期时间选择器，支持更改日期 或者 日期时间重构需要使用到Calendar类和样式类2.Calendar类介绍int,一周中各天的显示格式(在页眉中)。Locale.ShortFormat是默认的推荐格式。

GaussianBlur效果通过使用高斯函数计算效果的算法模糊图像来软化图像。效果比FastBlur产生更高的质量，但渲染速度较慢。cached :bool, 此属性允许缓存效果输出像素，以提高渲染性能。每次更改源或效果属性时，必须更新缓存中的像素。会增加内存消耗，因为存储效果输出需要额外的内存缓冲区。所以我们建议在源属性或效果属性设置动画时禁用缓存。默认为 falsereal，高斯函数的一个参数，用于计算模糊的相邻像素权重。偏差越大，图像越模糊，但也会降低模糊的质量。

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

由于我们自定义Table中需要实现排序,如下图所示:考虑到如果数据量太大的情况,为了避免主线程阻塞，所以我们添加多线程排序功能，为了方便大家更好学习qml组件，所以学习WorkerScript实现多线程，无需C++

TableView继承于Flickable,默认支持拖拽,如果我们要设置拖拽只支持垂直的话,可以设置flickableDirection: Flickable.VerticalFlick。

截图如下所示:效果如下所示:未完待续，下章实现Table表格，配合分页控件, 模拟请求服务器数据来实现数据分解效果，因为一般使用分页的时候，一般都是分页请求，避免数据量过多，导致ui卡顿。

截图如下所示:动图如下所示:支持黑白模式: 配合之前我们学习的:82.qt qml-2D粒子系统、粒子方向、粒子项（一）_诺谦的博客-CSDN博客83.qt qml-初步学习2D粒子影响器(二)_诺谦的博客-CSDN博客即可实现出来。以按钮特效3按钮为例: 按钮特效3主要是模拟星星和流星效果、星星的话我们通过'start'粒子组命名、然后流星头部通过'meteor'命名、流星尾巴通过‘meteorTail’命名、星星对应的粒子组如下所示:流星对应的粒子组如下所示:具体的下载QianWindow最新源码查看

qt qml-炫酷烟花粒子特效(支持多种爆炸模式、爆炸阴影、背景场景)、粒子组ParticleGroup、TrailEmitter跟随发射器和粒子组影响器GroupGoal

qt qml-Sprite精灵、SpriteSequence、ImageParticle使用Sprite精灵动画详解

由于QmlBook in chinese翻译过来的文字有些比较生疏难于理解,所以本章在它的基础上做些个人理解,建议学习的小伙伴最好配合QmlBook in chinese一起学习。

粒子模拟的核心是粒子系统(ParticleSystem)，它控制了共享时间线。一个场景下可以有多个粒子系统，每个都有自己独立的时间线。一个粒子使用发射器元素(Emitter)发射，使用粒子画笔(ParticlePainter）实现可视化，它可以是一张图片，一个QML项或者一个着色项(shader item)。一个发射器元素(Emitter）也提供向量来控制粒子方向。一个粒子被发送后就再也无法控制。粒子模型提供粒子控制器（Affector)，它可以控制已发射粒子的参数。

在我们之前38章38.qt quick-QML水纹波进度条_诺谦的博客-CSDN博客写过一个简单的水纹波:所以本质差不多.2.QianRippleChartPage代码Item {x:10y:10text: "外观参考ECharts 源码通过QML控件实现"text: " "text: " "text: " "text: " "id: btntext: " "spacing: 2id: chartfrom: 1to: 100value: 62text: "波峰数量:"

如下图所示: 动图如下所示:如果我们使用图片,对于分辨率大的显示时,如果图片太小会失真,如果图片太大会占用很大内存,而且如果是动态图背景,那么至少40MB大小了.所以我们增加Canvas动态背景功能,而且Canvas还可以根据系统性能我们来进行内部代码优化.比单色背景有趣的多,后面会陆续增加其它好看的Canvas背景

但我们添加完线段后,只需要重新更新下XY轴,然后在调用qcp.replot()重新渲染,图就出来了.所以感兴趣的可以自己去优化一下caurve曲线点的生成. 不过如果时间短的话, 还是建议尽量用折线。剩下的交互篇,本人就暂时没时间提供了,有经验的可以自己添加标记等操作。所以本章我们需要实现在QML中如何使用。我们学习了 qcp简单使用。

参考下载地址:1.添加帮助文档在QtCreator ——>工具——>选项——>帮助——>文档——>添加，选择qcustomplot.qch文件，确定，以后按F1就能跳转到QCustomPlot的帮助文档了。

由于我们需要兼容黑白风格,并且还要兼容渐变风格, 图片背景风格等所以我们的model属性比较多,分为常用属性和侧边栏属性,我们以暗黑风格为例,如下所示:Item{property string name : "暗黑风格"property bool shadow: false // 不支持阴影,因为黑色风格用阴影效果并不大(一般light模式才会为true)

如下图所示: 我们在上个文章 71.qt quick-可伸展菜单-抽屉栏示例 通用QML界面(一键换肤)_qml换肤_诺谦的博客-CSDN博客基础上 新增了一个暗黑风格界面其中侧边栏是LeftSidebar.qml, 需要注意的是该侧边栏也可以设置右侧的哦.设置后如下所示: 其中侧边栏代码如下所示:然后侧边栏里的内容则是StretchEntry.qml伸展容器了,代码过多就不描述了后面会发第三最终版本、该demo已上传至专栏群(1.qml-创建第一个程序_诺谦的博客-CSDN博客) 文章底部获取源码

委托采用共享model数据,之前版本是实现两个委托,导致每次model一更新都要更新两边显示。替换时,新增z级更新,避免move动画效果差。增加拖拽到边缘时,开启滚动动画效果。

【代码】73.qt quick-通用可拖拽表盘示例。

QQuickImageProvider返回的图像将自动缓存，如果图像应该始终从图像提供程序获取，则将相关image或BorderImage对象的cache属性设置为false。中，Image只支持文件路径和网络路径,如果想加载纯数据(QImage或者QPixmap)内容,则需要使用QQuickImageProvider类接口实现图像请求。

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

qml与c++少不了类表传递、比如我们之前的好友列表、文件传输列表等等、用的是QListModel、QList类指针表传递、本章我们使用一个新的传递方式QQmlListProperty、shape.h主要是给qml提供一系列操作类、然后 Shape类则是提供给DrawBoard类，通过QQmlListProperty提供一个shape数组、所以。QQmlListProperty和QList类似,它是一个模板类、通过它我们可以方便的管理一个QList、优点就是能像。这里的shape数组则是通过。

【代码】69.qt quick-qml控件类-灯控件(支持动画闪烁)

最近需要实现多级折叠菜单需求,所以干脆用qml实现一个多级折叠下拉导航菜单控件,每次点击item后,则发送信号通知widget切换界面即可,不仅支持qml、还支持QWidget!!!

从GitHub - papyros/qml-material: Material Design implemented in QtQuick移植下来的,凑合用.截图如下所示(已上传专栏群):效果如下所示:属于import QtQuick.Controls 1.x模块,所以使用时,需要引用下别名模块Properties: SignalsMethods改后的代码如下所示：整体来说,全部重写了,所以在性能上不怎么样,如果影响到性能最好重新实现一下.......