# Qt-QML-Example

**Repository Path**: liliang_linux/Qt-QML-Example

## Basic Information

- **Project Name**: Qt-QML-Example
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-08-17
- **Last Updated**: 2021-08-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Qt-QML-Example
Qt、QML 示例集合。

### 1.QML-ExpandableListView

用 QML 中的 listview 来实现树形二级列表（类似 android ExpandableListView控件）
![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-ExpandableListView/%E6%95%88%E6%9E%9C%E5%9B%BE.gif)

### 2.QML-shadow-font
QML 实现阴影字体效果，可定义阴影颜色及阴影大小等

<img src="https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-shadow-font/show.png" width = 40%/>

### 3.QML-Light-Ani-font
QML 实现发光呼吸动画字体效果

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-Light-Ani-font/show.gif)

### 4.QML-Gradient-font
QML 实现渐变色字体

<img src="https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-Gradient-font/show.png" width = 60%/>

### 4.QML-Customize-Flipable
QML实现页面反转封装，翻转过程中修改页面opacity、scale、angle

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-Customize-Flipable/show.gif)

### 5.QML-ListView-header-Suspension

QML实现ListView控件悬浮标题栏

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-ListView-header-Suspension/show.gif)

### 6.QML-Reflection
QML实现控件或图片倒影效果

<img src="https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-Reflection/show2.png" width = 40%/>

### 7.QML-PathView-CoverFlow 

QML 实现图片酷炫切换效果

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-PathView-CoverFlow/show.gif)

### 8.QML-StackView-Gradient

QML stackview 实现图片渐隐切换效果

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-StackView-Gradient/show.gif)

### 9.QML-Drag

QML实现控件拖拽并停靠在左右两侧

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-Drag/show.gif)

### 10.QML-DelayBtn

QML实现延时按钮效果

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-DelayBtn/show.gif)


### 11.QML-PathVIew

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-PathView/show.gif)

### 12.QML-SpringAnimation

![效果图](https://github.com/luoyayun361/Qt-QML-Example/blob/master/QML-SpringAnimation/show.gif)

以后代码管理会在 github 上进行更新，而技术文档更新是在 CSDN 博客中更新。
**CSDN 博客地址：https://blog.csdn.net/luoyayun361**

欢迎指正、交流和学习。