# QmlControls

**Repository Path**: markbullplus/QmlControls

## Basic Information

- **Project Name**: QmlControls
- **Description**: 提供一些有用Qml控件 & 实用工具
一些是 Qt C++实现, 也有 纯Qml实现
- **Primary Language**: 其他
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2024-09-08
- **Last Updated**: 2025-04-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# QmlControls

提供一些有用Qml控件 & 实用工具

一些是 `Qt C++实现`, 也有 `纯Qml实现`

------

### 如何使用

所有示例与控件同目录, 可直接构建

------

### 所有控件&工具预览

[预览图均为GIF，较大](./demonstrate/demonstrate.md)

------

### 控件&工具列表 (部分动态预览图被替换为静态)

名称 | 说明 | 示例 
---------|----------|---------
 GlowCircularImage | 圆形图像/发光图像 | <div align=center><img src="./demonstrate/GlowCircularImage.png" width="200" height="150" /></div>
 MagicFish | 灵动的小鱼 | <div align=center><img src="./demonstrate/MagicFish.gif" width="200" height="150" /></div>
 ImageHelper | 支持动图的编辑器 | <div align=center><img src="./demonstrate/ImageHelper.png" width="110" height="150" /></div>
 FramelessWindow | 无边框窗口 | <div align=center><img src="./demonstrate/FramelessWindow.png" width="200" height="150" /></div> 
 PolygonWindow | 多边形窗口 | <div align=center><img src="./demonstrate/PolygonWindow.png" width="200" height="150" /></div>
 HistoryEditor | 历史编辑器 ( 支持历史搜索 & 关键字匹配 ) | <div align=center><img src="./demonstrate/HistoryEditor.gif" width="150" height="150" /></div>
 VideoOutput | Qml中支持原始视频图像格式(YUV / RGB) | <div align=center><img src="./demonstrate/VideoOutput.png" width="180" height="150" /></div>
 FpsItem | Qml中显示帧率的组件 | <div align=center><img src="./demonstrate/FpsItem.gif" width="160" height="150" /></div>
 ColorPicker / ColorPickerPopup | 仿 `Windows10 画图3D` 的颜色选择器, 但更加强大 | <div align=center><img src="./demonstrate/ColorPicker.png" width="160" height="150" /></div>
 WaterfallFlow | 瀑布流视图(并且可以自适应)，类似小红书 | <div align=center><img src="./demonstrate/WaterfallFlow.png" width="150" height="180" /></div>
 AsyncHasher | 可对任意数据(url/text/object)生成加密哈希的异步散列器 | <div align=center><img src="./demonstrate/AsyncHasher.png" width="150" height="180" /></div>
 Notification | 悬浮出现在(全局/局部)页面上的通知提醒消息 | <div align=center><img src="./demonstrate/Notification.gif" width="240" height="180" /></div>
 Timeline | 可视化地呈现时间流信息的组件 |  <div align=center><img src="./demonstrate/Timeline.png" width="200" height="240" /></div>
 MoveMouseArea / ResizeMouseArea | 给任意目标添加[移动/调整大小操作]的鼠标区域 | <div align=center><img src="./demonstrate/ResizeMouseArea.gif" width="260" height="160" /></div>
 WaveProgress | 动态的水波进度条 | <div align=center><img src="./demonstrate/WaveProgress.gif" width="240" height="170" /></div>


------

### 许可证

 使用 `MIT LICENSE`

------

### 开发环境

windows 11，Qt 5.15.2

------

### Star 历史

[![Star History Chart](https://api.star-history.com/svg?repos=mengps/QmlControls&type=Date)](https://star-history.com/#mengps/QmlControls&Date)