# PySide6_Cplusplus_QML_Suite **Repository Path**: kid-kid/PySide6-QML-Suite ## Basic Information - **Project Name**: PySide6_Cplusplus_QML_Suite - **Description**: PySide6 & QML 项目集合 - 包含多个PySide6和QML相关的示例项目和学习资源 - **Primary Language**: Unknown - **License**: LGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 0 - **Created**: 2026-01-09 - **Last Updated**: 2026-01-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: PySide6-QML-Suite ## README # 🎯 PySide6 & QML 项目集合 > 欢迎来到我的 PySide6 &QtQuick & QML 学习和项目中心！这里包含了所有相关的示例、教程和实战项目。 [![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![Python](https://img.shields.io/badge/Python-3.8%2B-blue.svg)](https://www.python.org/) [![PySide6](https://img.shields.io/badge/PySide6-6.0%2B-green.svg)](https://doc.qt.io/qtforpython/) --- ## 📊 **项目概览** | 项目分类 | 仓库数量 | 技术栈 | 状态 | | ---------------- | -------- | ------------------------------- | ------- | | Pymysql | 1 | Pymysql数据库 | 🟢 活跃 | | PySide6/QWidgets | 2 | PySide6/QWidgets+qFluentWidgets | 🟢 活跃 | | PySide6/QML | 4 | PySide6/QML+FluentUI库 | 🟢 活跃 | | ... | | ... | ... | | 总计 | 8 | PySide6/QML | 🟢 活跃 | --- ## 🚀 **项目导航** ### 📚系列一、 Pymysql数据库数据库 python+pymysql 操作数据库。实现MySQL的增删改查。 | 项目 | 描述 | ⭐ 状态 | 📅 更新时 | | ------------------------------------------------------------------------------------------- | ---------------------------------------------- | ------- | --------- | | [🔗 Pymysql_Utils](https://gitee.com/kid-kid/pyside6-qwidgets-basics "python+pymysql 操作数据库") | python+pymysql 操作数据库。实现MySQL的增删改查 | 🟢 活跃 | 最近更新 | --- ### 📚系列二、 **pyside6 + qwidgets +qFluentQwidgets教程系列** | 项目 | 描述 | ⭐ 状态 | 📅 更新时 | | -------------------------------------------------------------------------------------------- | --------------------------------------------------------- | ------- | --------- | | [🔗 pyside6-qwidgets-basics-qFluentQwidgets](https://gitee.com/kid-kid/pyside6-qwidgets-basics) | pyside6-qwidgets 工程模板,单纯的使用了qFluentQwidgets库 | 🟢 活跃 | 最近更新 | | [🔗 Pyside6_Qwidgets_qFluentQwidgets](https://gitee.com/kid-kid/Pyside6_Qwidgets) | Pyside6+Qwidgets练习，最终使用了qFluentQwidgets项目开源库 | 🟢 活跃 | 最近更新 | #### 📖 pyside6 + qwidgets +qFluentQwidgets教程说明 [ pyside6-qwidgets-basics-qFluentQwidgets](https://gitee.com/kid-kid/pyside6-qwidgets-basics)可以用来创建基于qWidgets的Pyside6项目模板： - 使用QtCreator设计UI布局界面 - 然后相关组件，使用[qFluentQwidgets](https://gitee.com/kid-kid/pyside6-qwidgets-basics)组件库实现的 - 效果如下（布局是采用QtCreator的界面布局，控制使用[qFluentQwidgets](https://gitee.com/kid-kid/pyside6-qwidgets-basics)做的）： ![Alt text](image/App1%E7%AA%97%E5%8F%A3.png) ![Alt text](image/App2%E7%AA%97%E5%8F%A3.png) #### 📖 pyside6-qwidgets-basics项目详情 本项目包含了多个不同的应用程序示例， 列表如下： ##### **01_CustomQWidget+QtMaterial - 自定义控件与主题** 演示如何创建自定义 QWidget 组件并集成 Qt Material 主题。 ![Alt text](image/1764915107045.png) ##### **02_Thread - 多线程编程** 深入演示 Qt 多线程编程的两种主要方式及其应用场景。 ![Alt text](image/1764915216667.png) ##### **03_QSerialPort串口通信上位机 - 串口通信** 完整的串口通信上位机程序，适用于工业控制和物联网场景。 ![Alt text](image/1764915250877.png) ##### **04_SerialPort_and_Charts - 串口通信与图表显示** 将串口通信与实时数据图表显示相结合，实现数据可视化监控。 ![Alt text](image/1764915367481.png) ##### **05_Dial_SerialPort_and_Charts - 旋钮控件与串口图表** 增强版串口通信与图表显示，新增自定义旋钮控件。 ![Alt text](image/1764915480935.png) ##### **06_DynamicProperty_changeQssStyle - 动态属性与QSS样式切换** 展示如何使用Qt的动态属性(Dynamic Properties)和QSS样式表实现界面主题的动态切换，包括亮色(light)和暗色(dark)两种主题模式。 ![Alt text](image/1764915507079.png) ##### **07_qFluentWidgets - 现代UI框架应用** 展示如何使用 qFluentWidgets 库构建现代化的桌面应用程序界面。 ![Alt text](image/Demo2.png) ![Alt text](image/window.png) 深入演示 Qt 图表主题和高级自定义图表组件的使用，涵盖多种图表类型和主题样式。 ##### **08 - 自定义翻译应用** 本示例演示了如何使用 PySide6 构建一个完整的翻译应用程序界面，包含自定义控件、无边框窗口设计以及现代化的交互体验。 > 来自根目录 README 介绍：这是一个全面的 PySide6 学习和实践项目集合，涵盖了现代 GUI 开发的各个方面，包括自定义控件、多线程编程、串口通信和图表显示等功能。 ![Alt text](image/%E6%9C%89%E9%81%93%E8%AF%8D%E5%85%B8%E7%95%8C%E9%9D%A2.png) --- ### 📚系列三、 **pyside6 + qml教程系列** | 项目 | 描述 | ⭐ 状态 | 📅 更新时 | | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------- | ------- | --------- | | [🔗 pyside6_qml_templates_demo](https://gitee.com/kid-kid/pyside6_qml_templates_demo) | pyside6/qml +QtCreator实现qml实时预览 | 🟢 活跃 | 最近更新 | | [🔗](https://gitee.com/kid-kid/Pyside6_Qwidgets) [pyside6-qml-basics](https://gitee.com/kid-kid/pyside6-qml-basics) | 这是一个基于 PySide6 和 QML 的桌面应用示例，演示如何用 `loadFromModule` 加载自定义 QML 模块，并用 `qmldir` 组织 | 🟢 活跃 | 最近更新 | | [🔗](https://gitee.com/kid-kid/Pyside6_Qwidgets) [pyside6_qml_serialport_demo](https://gitee.com/kid-kid/pyside6_qml_serialport_demo) | PySide6 和 QML 的桌面应用示例包含了自定义qml控件，
有chartView图标功能+串口通信，后续简单项目可以采用这个目录 | 🟢 活跃 | 最近更新 | | [🔗](https://gitee.com/kid-kid/Pyside6_Qwidgets) [PySide6-FluentUI-QML](https://gitee.com/kid-kid/py-side6-fluent-ui-qml)（参考学习使用） | [FluentUI](https://gitee.com/kid-kid/py-side6-fluent-ui-qml) 组件库，使用Pyside6+QML实现。参考学习使用 | 🟢 活跃 | 最近更新 | | | | | | #### 📖pyside6 + qml+教程系列说明 [ pyside6_qml_templates_demo](https://gitee.com/kid-kid/pyside6_qml_templates_demo) ： 目的是采用QtCreator进行qml可视化开发，然后逻辑使用pyside6实现，这样以免每次都要运行项目才能看到qml实际效果，提高开发效率。 ![1767942745180](image/README/1767942745180.png) #### 📖 [pyside6-qml-basics](https://gitee.com/kid-kid/pyside6-qml-basics)项目详情 这是一个基于 PySide6 和 QML 的桌面应用示例，演示如何用 `loadFromModule` 加载自定义 QML 模块，并用 `qmldir` 组织组件，主要是用于新建项目使用避免重新进行工程结构管理等： **项目结构说明** ``` chapter1-basics/ ├── main.py # 程序入口，设置 QML import 路径并加载模块 ├── qml_src/ # QML 模块根目录（模块名：qml_src） │ ├── App.qml # 导出为 singleton App 1.0（在 qmldir 中声明） │ ├── content/ │ │ └── Mainscr.qml # 主界面，import components 1.0 │ ├── components/ # 子模块 components │ │ ├── CustomButton.qml │ │ └── qmldir # 声明 components 模块及类型映射 │ └── qmldir # 声明 qml_src 模块、版本和导出类型 ├── resources/ # 静态资源 ├── src/ # Python 业务代码（示例为空） ├── requirements.txt # Python 依赖 └── README.md ``` #### 📖 [pyside6_qml_serialport_demo](https://gitee.com/kid-kid/pyside6_qml_serialport_demo)项目详情 这是一个基于 PySide6 和 QML 的桌面应用示例， 有chartView图标功能+串口通信： ![1767945235693](image/README/1767945235693.png) ![1767945211333](image/README/1767945211333.png) ![1767945227170](image/README/1767945227170.png) #### 📖 [PySide6-FluentUI-QML](https://gitee.com/kid-kid/py-side6-fluent-ui-qml)项目详情（参考学习使用）: 未移植到自己的项目。 --- ### 📚系列四、 C+**+ & QML教程系列** | 项目 | 描述 | ⭐ 状态 | 📅 更新时 | | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | ------- | --------- | | [🔗](https://gitee.com/kid-kid/Pyside6_Qwidgets) [QtQuick_QML_HuskarUI](https://gitee.com/kid-kid/qt-quick_-qml_-huskar-ui)(C++UI库) | 介绍了如何在Qt Quick 项目中引用和使用 HuskarUI UI 组件库 | 🟢 活跃 | 最近更新 | | [🔗](https://gitee.com/kid-kid/Pyside6_Qwidgets) [EvolveUI-QML](https://gitee.com/kid-kid/evolve-ui-qml)(C++UI库) | 开源的QtQuick qml 项目移植,比上面多图表显示，版本1.3.8 | 🟢 活跃 | 最近更新 | #### 📖C+**+ & QML教程系列说明** [QtQuick_QML_HuskarUI](https://gitee.com/kid-kid/qt-quick_-qml_-huskar-ui)(C++UI库)： 本文档介绍了如何在您的 Qt Quick 项目中引用和使用 HuskarUI UI 组件库 ![1767943366035](image/README/1767943366035.png) HuskarUI移植后的效果： ![1765696093900](https://gitee.com/kid-kid/qt-quick_-qml_-huskar-ui/raw/master/image/README/1765696093900.png) [EvolveUI](https://gitee.com/kid-kid/evolve-ui-qml)移植后的效果： ![Alt text](image/1768985650589.png) ![Alt text](image/1768985661939.png) ![Alt text](image/1768985672356.png) --- ### 📚系列五、 Qt6/**QML其他教程系列** | 项目 | 描述 | ⭐ 状态 | 📅 更新时 | | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | ------- | --------- | | [🔗](https://gitee.com/kid-kid/Pyside6_Qwidgets) [QmlTran](https://gitee.com/kid-kid/qml-tran/tree/main/)(Qt6/CMake) | 介绍了如何在Qt6 Quick 项目中使用多语言翻译功能 | 🟢 活跃 | 最近更新 | | | | | | #### 📖Qt6/**QML其他教程系列** [QmlTran](https://gitee.com/kid-kid/qml-tran/tree/main/)(多语言翻译)： 介绍了如何在 Qt6 Quick 项目中实现多语言翻译 ![1769409415746](image/README/1769409415746.png) --- ## 📊 **技术栈分析** ```mermaid graph TD A[PySide6 & QML 项目集合] --> B[Python 基础] A --> C[Qt Framework] A --> D[UI/UX 设计] B --> E[Python 3.8+] C --> F[PySide6] C --> G[QML] D --> H[Fluent Design] D --> I[Material Design] F --> J[Widgets] F --> K[Signals & Slots] G --> L[Declarative UI] G --> M[JavaScript] ``` --- ## 📧 **联系方式** * 📧 **邮箱** : [QQ:1458356834] * 💬 **Gitee** : [@kid-kid](https://gitee.com/kid-kid) * 🌐 **个人主页** : [your-website.com] * 💡 **交流群** : [QQ群/微信群二维码] --- ## 🙏 **致谢** 感谢以下开源项目： * [PySide6](https://doc.qt.io/qtforpython/) - Python Qt 绑定 * [FluentUI](https://github.com/bdlukaa/olive-flutter-ui) - UI 设计灵感 * [Qt](https://www.qt.io/) - 跨平台应用框架 --- ## 📄 **许可证** 本项目采用 MIT 许可证 - 查看 [LICENSE](https://gitee.com/chat/c/LICENSE) 文件了解详情。 --- ## ⭐ 如果这些项目对你有帮助，请给个Star鼓励一下！ **Made with ❤️ by [kid-kid](https://gitee.com/kid-kid)** [![回到顶部](https://img.shields.io/badge/%E5%9B%9E%E5%88%B0%E9%A1%B6%E9%83%A8-%E2%86%91-blue.svg)](https://gitee.com/chat/c/55198a54-30d6-4aa3-85cd-32fe0e20d0ca#-pyside6--qml-%E9%A1%B9%E7%9B%AE%E9%9B%86%E5%90%88) ``` ```