# Qt 一些简单例子

**Repository Path**: oweni/qt---some-simple-examples

## Basic Information

- **Project Name**: Qt 一些简单例子
- **Description**: 本项目为一些简单的QT 小案例。
- **Primary Language**: C++
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://blog.csdn.net/weixin_40909092/article/details/121046738
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Qt 一些简单的小案例

## 介绍
本项目为一些简单的 Qt 小案例，主要用于了解一些控件的使用。由于都是一些小案例，因此本文只展现案例的实现效果，不对其实现原理进行说明。若想了解案例的实现原理，可以参考源代码（代码注释规范，通俗易懂~(￣▽￣)~*）。

博客地址：https://blog.csdn.net/weixin_40909092/article/details/121046738

所以案例的**源代码**：https://gitee.com/weilan_QAQ/qt---some-simple-examples.git

## 1 变量查看窗口 - 模型视图编程
本节通过一个简单的例子（低配版的变量查看窗口）来描述 Qt 中<font color=red>模型、视图和委托</font>之间的关系以及各自的使用方法。本节模仿 IAR 的变量查看窗口，做一个低配版的变量查看窗口。效果如下：

![图1.1 低配版变量查看窗口](./image/图1.1%20低配版变量查看窗口.gif)

<center>图1.1 低配版变量查看窗口</center>



变量查看窗口一共有三列，对应变量名、变量值和变量值格式。当点击最后一行的 后，可以输入变量名，回车后变量查看窗口就会在末尾增加一行用于监控刚刚输入的变量。当点击并删掉一个变量名，那么变量查看窗口就会删掉这行。

```
环境：Qt 5.9.0
工程名称：watch
```

**参考：**
[1] [Qt系列文章之 QAbstractItemModel](https://blog.csdn.net/llittlestar123/article/details/108734014)

[2] [QT-模型视图之自定义委托](https://www.cnblogs.com/lifexy/p/9186565.html)

## 2 启动画面 - QSplashScreen

本节通过 <font color=red>QSplashScreen</font> 类，实现一个软件的启动动画。具体效果如下：

![图2.1 启动画面](./image/图2.1%20启动动画.gif)

<center>图2.1 启动画面</center>



```
环境：windows, Qt 5.12
工程名称：splashscreen
```

**参考：**
[1] [Qt开源炫酷界面QCoolPage](https://blog.csdn.net/yinyuchen1/article/details/100639853)

## 3 滑动切换界面 - QScroller 和 QMouseEvent
本节采用两种不同的方式：<font color=red>QScroller 和 QMouseEvent</font>，实现了滑动切换界面。效果图如下。
**方式一**，利用QMouseEvent实现滑动切换界面：

![图3.1 利用QMouseEvent实现滑动切换界面](./image/图3.1%20利用QMouseEvent实现滑动切换界面.gif)

<center>图3.1 利用QMouseEvent实现滑动切换界面</center>

**方式二**，利用QScroller实现滑动切换界面：

![图3.2 利用QScroller实现滑动切换界面](./image/图3.2%20利用QScroller实现滑动切换界面.gif)

<center>图3.2 利用QScroller实现滑动切换界面</center>

从效果图中可以看出，方式二更加自然，美观。其实在实际编写代码过程中，方式二也会更简单、便于维护。

```
环境：win11, Qt 5.12.9
工程名称：方式1 - slide_widget
        方式2 - slide_QScroller
```

**参考：**
[1] [Qt组件之模拟电池充电](https://wangjichuan.blog.csdn.net/article/details/106208966)

[2] 正点原子的Qt案例 - slidepage

[3] Qt官方案例 - Analog Clock Window Example

[4] [QT--实现滑动切换界面](https://blog.csdn.net/ly305750665/article/details/78836441)

## 4 画板 - 图形视图框架
本节通过图形视图框架（QGraphicsScene、QGraphicsView和QGraphicsItem三个类）实现了一个简单的画板程序，使用图形视图框架的优势在于可以更方便实现层叠、图层等复杂的图片等编辑方式。画板程序很简单，只实现了图片的旋转、缩放和移动功能。效果如下：

![图4.1 画板](./image/图4.1%20画板.gif)

```
环境：vscode 、 pyside6 、 Python3.10
工程名称：DrawingBoard
```

**参考：**
[1] [自定义QGraphicsItem实现平移、改变尺寸和旋转](https://blog.csdn.net/douzhq/article/details/105017924) 

[2] [向量旋转公式](https://blog.csdn.net/zhinanpolang/article/details/82912325)