Qml 自己定义控件集及实验项目案例

 Qt Quick
时间:

Qml_CustomControl

说明:

这是一个Qml&QtQuick控件集,主要对地铁地图,地铁流媒体做了常用的子控件。

注意: ps原图不可用于商业用途,背景图本人已购买版权。

控件等级:

  • 1级控件在文件夹(CustomControl)中,就是案例中用到的轮子,有了轮子就能跑起来了。
  • 2级控件在文件夹(Test)中,它们是基于1级控件封装而成。

实现原理:可参考《Qt Quick核心编程》,《Qt Creator快速入门》,《Qt及Qt Quick开发实战精解》,《Qt 5编程入门》.

参考博客:

开发&设计工具:

  • 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

百度云:PS站点原图

提取码:zag4

源码下载:

git clone https://github.com/graycatya/Qml_CustomControl.git

1 评论

  • NailLiu

      写得很详细,博主很用心