【QView 】一套基于QT 的通用UI框架【反正在偶尔更新一下】_qt ui框架

【未完待续】后会慢慢加入其它组件

先上结果演示

环境（不说版本就是耍流氓）

硬件：通用PC / 手机 / Jetson Xavier NX 套件(均测试有效)
系统：Ubuntu 20.04 / Android / Windows (均测试有效)
软件 ：基于QT6.2.4 + Qml

QView的前世今生

笔者本来是一只老老实实做嵌入式开发的程序猿。因项目需要使用QT/QML进行android APP开发，起初还像嵌入式软件开发一样，需要什么功能就网上找找、翻翻GitHub，甚至于自己上手造轮子。
记得有次需要在安卓上实现一个二维码扫描的功能，多简单的功能！调用下本地摄像头，拍张照，QZXing识别一下。在QT5.15 for Android 上正正常常的功能，在QT6 for Android上死活实现不了，查来查去发现是QT5 到 QT6 multimedia组件进行大调整，QT6 for android 就是有调用本地相机白屏的BUG。当时项目已经基于QT6.2版本开发到尾声，结果。。。。
然后，机缘巧合之下接触了一个月的基于VUE的前端界面开发，这算是小刀喇屁股—开眼了。别人开发一个小程序或者APP应用，时间是以天计。应用的界面分分钟就能搞出来，扫个二维码两三行代码而已。再回头看看自己手里的QT！说好的跨平台呢？于是笔者嘴角留下了不争气的泪水。
想想这么多年来，笔者使用的嵌入式移动端硬件越来越强，从最开始的应用需要交叉开发，到现在很多时候，笔者直接在移动端，本地编译QT，直接就是干！！加之之前到处寻摸的“轮子”总是因为版本、平台原因，拿来根不能装到自己的“车子”上。搞一套基于QT 的通用UI框架QView（我知道这个名字可能有重名，那有怎么样？！）的想法悄然萌芽。
根据短暂的前端开发经验，结合笔者检测仪器仪表开发的经历。QView基于qml实现一套模仿uView的ui通用组件框架，便于嵌入式移动端开发时，能够快速开发出接近于手机APP或小程序的界面。详情请参见QView的组成

QView的组成（深挖坑，慢慢填，完不完得成另算）

先上大图

第一部分 基础组件

0、【QView】基于QML的UI组件框架 之 color颜色

1、【QView】基于QML的UI组件框架 之 Icon图标

2、【QView】基于QML的UI组件框架 之 Image图片

3、【QView】基于QML的UI组件框架 之 button按钮

【QView】基于QML的UI组件框架 之 text文本](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 Layout布局](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 cell单元格](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 Badge徽标](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 Tag标签](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 loading加载动画](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 loading page加载页](还没搞，还没搞)

第二部分 表单组件

【QView】基于QML的UI组件框架 之 Form表单](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 Calendar日历](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 KeyBoard键盘](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 Picker选择器](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 DatetimePicker时间选择器](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 rate评分](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 search搜索](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 numberbox 步进](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 input输入框](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 textarea文本域](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 checkbox复选框](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 radio单选框](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 switch开关选择器](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 slider滑动选择器](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 Album相册](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 文件浏览](还没搞，还没搞)

第三部分 数据组件

【QView】基于QML的UI组件框架 之 List列表](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 CountDown倒计时](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 CountTo数字滚动](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 progress进度条](还没搞，还没搞)

第四部分 数据可视化

【QView】基于QML的UI组件框架 之 游标](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 坐标轴](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 SplineSeries曲线图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 ScatterSeries散点图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 LineSeries 折线图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 AreaSeries面积图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 PieSeries 饼图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 StackedBarSeries堆叠条形图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 BarSeries柱状图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 热力图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 瀑布图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 荧光图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 余晖模式](还没搞，还没搞)

第五部分 反馈组件

【QView】基于QML的UI组件框架 之 tooltip长按提示](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 actionsheet上拉菜单](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 toast消息提示](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 noticbar滚动通知](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 swiperaction滑动单元格](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 collapse折叠板](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 popup弹出层](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 model模态框](还没搞，还没搞)

第六部分 布局组件

【QView】基于QML的UI组件框架 之 scrollList横向滚动条](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 line线条](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 overlay遮蔽层](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 NoNetwork无网络提示](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 grid宫格布局](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 swiper轮播图](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 sticky吸顶](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 divder分割线 ](还没搞，还没搞)

第七部分 导航组件

【QView】基于QML的UI组件框架 之 tabbar导航栏](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 indexlist索引列表](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 tabs标签](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 steps步骤条](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 悬浮导航](还没搞，还没搞)

第八部分 其他组件

【QView】基于QML的UI组件框架 之 图片浏览](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 文件浏览](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 数据表单](还没搞，还没搞)

【QView】基于QML的UI组件框架 之 地图](还没搞，还没搞)

OK！
至此，问题解决。欢迎留言交流