Qml_CustomControl
说明:
这是一个Qml&QtQuick控件集,主要对地铁地图,地铁流媒体做了常用的子控件。
注意: ps原图不可用于商业用途,背景图本人已购买版权。
控件等级:
- 1级控件在文件夹(CustomControl)中,就是案例中用到的轮子,有了轮子就能跑起来了。
- 2级控件在文件夹(Test)中,它们是基于1级控件封装而成。
实现原理:可参考《Qt Quick核心编程》,《Qt Creator快速入门》,《Qt及Qt Quick开发实战精解》,《Qt 5编程入门》.
参考博客:
开发&设计工具:
控件&案例已测试过的环境
- Windows10
- Linux
- 树莓派3b+:树莓派交叉编译配置
Qml 自绘方案
- Qml Canvas
Qml中提供了Canvas组件, Qt5.0开始就有了,可以使用html大部分Canvas方案,但是性能不怎么好。
- Qml Shapes
Qml Shapes是Qt5.10版本新增加的功能,它是官方提供的易用性以及性能的最佳方案。
-
Qml SceneGraph
-
Qml QQuickFrameBufferObject
-
Qml ShaderEffect
-
QVulkanWindow
OpenGL的下一代, Qt 5.10开始, 也提供了vulkan的支持。
案例测试方式:
qmlscene测试工具,如需创建项目式的工程,需要调整库路径以及图片资源路径.
QtQuick控件说明
控件名 | 功能 | 案例 |
---|---|---|
ImageMove | 图片移动 | MarkDown |
ImageScale | 图片缩放 | MarkDown |
IpTextInput | Ip输入框 | MarkDown |
Marquee | 文字滚动(跑马灯) | MarkDown |
DragWidget&DragSizeWidget | 拖拽控件&控件大小调整 | MarkDown |
Fps | 画面每秒传输帧数 | MarkDown |
ImageFlipable | 图片翻转 | MarkDown |
RotateCursor | 控件旋转器 | MarkDown |
TemplateWidget | 自定义拖动控件 | MarkDown |
TextOneByOneShow | 文字逐个显示 | MarkDown |
ArcProgressBar(基于Qml Shapes) | 圆弧&圆环型进度条 | MarkDown |
ArcProgressBarCanvas(基于Qml Canvas) | 圆弧&圆环型进度条 | MarkDown |
BarTypeProgressBar | 条型进度条 | MarkDown |
ImageFlicker | 图片定时闪烁 | MarkDown |
QtQuick 综合案例 - Qml轻量级日志系统(C++)
案例名称 | 名称 | 案例 |
---|---|---|
QmlLog | Qml轻量级日志模块 | MarkDown |
QtQuick 综合案例 - 惠州地铁一号线
注意:本案例在现实中并不存在,只是我个人设想。
案例名称 | 名称 | 案例 |
---|---|---|
MetroDemo | 惠州地铁一号线案例 | MarkDown |
提取码:zag4
源码下载:
git clone https://github.com/graycatya/Qml_CustomControl.git