# Qt Study

**Repository Path**: cindyhuang039/KevinQt

## Basic Information

- **Project Name**: Qt Study
- **Description**: Qt 学习
- **Primary Language**: C/C++
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2022-04-19
- **Last Updated**: 2022-04-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Kevin Qt

此项目为 学习QT用。

# 0. 介绍
Qt 学习
| id | 目录        | 说明   | 类型        | 分支     |
|----|-------------|-------|-------------|---------|
| 1  | KevinImage  | 图片浏览器 | QtQuick | KevinImage |
| 2  | QMLMultPage | 多窗口页面 | QtQuick |QMLMultPage |
| 3  | QMLLoadDialog | 加载窗口 | QtQuick | QMLLoadDialog |
| 4  | QMLSignal   | 信号槽     | QtQuick |QMLSignal |
| 5  | QMLAppEmpty | APP：空模板   | QtQuick | application  |
| 6  | QMLAppScroll| APP：滚动模板 | QtQuick | application |
| 7  | QMLAppStack | APP：堆叠模板 | QtQuick | application |

# 1. 项目

总的项目文件：MyQtStudy.pro，包含每个子项目的pro文件

## 1.1 KevinImage 图片浏览器

参考: [Qt Quick 到底是什么魔法](https://zhuanlan.zhihu.com/p/341660232)

1.  Qt Creator 新建一个 Qt Quick 工程，选择最基本的 Empty 
2.  添加图片，显示图片
3.  添加logo，显示程序的logo

## 1.2 QML Tabs Study 多页面购物

- 参考例子：[Qt入门课堂 | 第五讲 Qt UI设计](https://www.bilibili.com/video/BV17E411o78S)
- 多tab窗口，可以鼠标左右移动页面，支持手势。
  
## 1.3 QMLLoadDialog 加载对话框

- 通过各种方法加载其他对话框

## 1.4 QMLSignal 信号槽

- 目录 `KevinQt/QMLSignal`
- QML自定义控件和
- 信号槽
- 属性绑定
- 点击左面的圆形，2个圆形都显示颜色变化的动画。
- 按+或者-号，改变圆形的半径。

## 1.4 QMLAppEmpty APP：空模板

- 手动添加菜单、工具条、文本区域，
- 点检输出相关的文本。
- 支持快捷键
- 
## 1.6	QMLAppScroll	APP：滚动模板
- 一个带多个条目的滚动视图
## 1.7	QMLAppStack	APP：堆叠模板
- 创建3个View，一个home，2个其他view
- 通过菜单切换View
- 点击返回Home
# 2. 知识库和问题
## 2.1 Wiki
更多问题记录在Wiki内，请访问：[Wiki](https://gitee.com/bigearrabbit/KevinQt/wikis/Home)

## 2.2 安装教程

-  QT5.14.2
    - 安装包：[https://mirrors.tuna.tsinghua.edu.cn/qt/archive/qt/5.14/5.14.2/qt-opensource-windows-x86-5.14.2.exe](https://mirrors.tuna.tsinghua.edu.cn/qt/archive/qt/5.14/5.14.2/qt-opensource-windows-x86-5.14.2.exe)。
    这个安装包，如果要修改内容，就要卸载，重新安装。
    - 勾选MinGW编译器。
-  VS 2022 社区版，勾选VS2017的工具集
    - 2017的编译器，没有搞定，还没找到问题。
    -  安装QT的VS插件，[https://mirrors.tuna.tsinghua.edu.cn/qt/archive/vsaddin/2.8.1/](https://mirrors.tuna.tsinghua.edu.cn/qt/archive/vsaddin/2.8.1/)
-  Git
    - 安装git 新版本，
    - 小乌龟新版本。
## 2.2 参考教程
### Qt入门课堂
官方提供的中文讲解的视频教程：
1. [Qt入门课堂 | Qt商业试用版安装演示](https://www.bilibili.com/video/BV1AW411y7NA)
2. [Qt入门课堂 | 第二讲 Qt Creator](https://www.bilibili.com/video/BV1vt41127fV)
3. [Qt入门课堂 | 第三讲 QML信号槽及属性绑定](https://www.bilibili.com/video/BV1Ht411y7ER)
4. [Qt入门课堂 | 第四讲 Qt Quick Controls](https://www.bilibili.com/video/BV1Db41187XY)
5. [Qt入门课堂 | 第五讲 Qt UI设计](https://www.bilibili.com/video/BV17E411o78S)

#### 交互数据
QML 与 C++的交互大致可以分为4种形式：

- 注册 C++ 对象到 QML，在 QML 中访问 C++对象；
- QML 暴露对象给 C++ 进行交互；
- C++ 创建 QML 对象并进行交互；
- C++ 对象与 QML 通过信号槽进行交互；
## 2.3.许可

- 本练习内新开放的代码，遵循MIT，
- 涉及到的引用的部分，需要遵守其许可。