# Qml_CustomControl

**Repository Path**: lzh280/Qml_CustomControl

## Basic Information

- **Project Name**: Qml_CustomControl
- **Description**: QtQml控件展示，提供控件案例，惠州地铁动态地图案例
- **Primary Language**: QML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 24
- **Created**: 2020-07-03
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Qml_CustomControl

## 说明:

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

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

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

参考博客: 
 * [武威涛哥](https://jaredtao.gitee.io/) 

开发&设计工具:
 * [Qt Design Studio](http://download.qt.io/development_releases/qtdesignstudio/)
 * [Qt 安装包](http://download.qt.io/development_releases/qt/)

## 案例测试方式:

qmlscene测试工具,如需创建项目式的工程,需要调整库路径以及图片资源路径.

## QtQuick控件说明

|  控件名   | 功能  | 案例 |
|  :----:  | :----: | :----: | 
| ImageMove  | 图片移动 | [MarkDown](Test/ImageMoveTest/README.md)  |
| ImageScale  | 图片缩放 | [MarkDown](Test/ImageScaleTest/README.md) |
| IpTextInput  | Ip输入框 | [MarkDown](Test/IpTextInputTest/README.md) |
| Marquee  | 文字滚动(跑马灯) | [MarkDown](Test/MarqueeTest/README.md) |
| DragWidget&DragSizeWidget | 拖拽控件&控件大小调整 | [MarkDown](Test/DragWidgetTest/README.md) |
| Fps | 画面每秒传输帧数 | [MarkDown](Test/FpsTest/README.md) |
| ImageFlipable | 图片翻转 | [MarkDown](Test/ImageFlipableTest/README.md) |
| RotateCursor | 控件旋转器 | [MarkDown](Test/RotateCursorTest/README.md) |
| TemplateWidget | 自定义拖动控件 | [MarkDown](Test/TemplateWidgetTest/README.md) |
| TextOneByOneShow | 文字逐个显示 | [MarkDown](Test/TextOneByOneShowTest/README.md) |
| ArcProgressBar | 圆弧&圆环型进度条 | [MarkDown](Test/ArcProgressBarTest/README.md) |
| BarTypeProgressBar | 条型进度条 | [MarkDown](Test/BarTypeProgressBarTest/README.md) |
| ImageFlicker | 图片定时闪烁 | [MarkDown](Test/ImageFlickerTest/README.md) |

QtQuick 综合案例 - Qml轻量级日志系统(C++)
------

| 案例名称 | 名称 | 案例 |
|  :----:  | :----: | :----: | 
| QmlLog  | Qml轻量级日志模块 | [MarkDown](QmlLog/README.md) |


QtQuick 综合案例 - 惠州地铁一号线
------

| 案例名称 | 名称 | 案例 |
|  :----:  | :----: | :----: | 
| MetroDemo | 惠州地铁一号线案例 | [MarkDown](Test/MetroDemo/README.md) |