学习记录：QT5 的简单界面设计及错误总结

前言
Qt简介
Qt Designer 简单使用
- Qt Designer以及PyUIC、PyRcc安装
- Qt Designer界面
- 控件选择与设置
- 窗口背景以及子控件属性继承
- - 1.rose
  - 2.sakura
  - 3.年甲子
  - 4.wish
- UI转.py以及图片资源转.py
- 子窗口切换
- 效果图
总结
- 1.QMessageBox被主窗口的背景填充
- 2.Qlabel播放视频帧仅有最后一帧的图片
致谢
参考

前言

本博客仅为记录Pyqt5学习之用，目的在于后续若需要相关的有资可查。在排版言语上恐有诸多纰漏，此新手接触，如有不对的地方，请大佬不吝赐教，必虚心改正。
本博客所包含的大致内容：QT5 Designer简单界面设计，记录在过程所遇到的问题及解决措施；基于PyUIC、PyRcc 的简单使用即UI转.py文件；常见控件的StyleSheet设置；多界面的切换。

Qt简介

Qt 是由Qt Company开发的跨平台C++图形用户界面应用程序开发框架，可以开发GUI程序。同时Qt是面向对象的框架，使用特殊的代码生成扩展以及一些宏，Qt很容易扩展，并且允许真正地组件编程。
Qt 支持的操作系统有很多，如 Windows、Linux， Android、iOS、WinPhone等等。

Qt Designer 简单使用

Qt Designer以及PyUIC、PyRcc安装

请参考这位大佬的博客：PyCharm安装PyQt5及其工具（Qt Designer、PyUIC、PyRcc）详细教程
本人也是参考的该博客进行的安装，讲的很详细。

Qt Designer界面

控件选择与设置

从左侧拖出控件到界面即可，界面的对齐可对子部分可水平或者垂直layout。
快捷方式：Ctrl + 鼠标左键，拖动控件即可复制。
这里简单的拖入了五个按钮和一个qlabel以及文本框，按键垂直分布进行对齐，如下图

对控件或layout进行属性设置，可设置Margin指定到上下边缘的距离，layoutStretch指定控件之间的分布，默认全是0。当然也可以对控件或者layout的size以及其他参数的设置。

窗口背景以及子控件属性继承

选择控件后，在样式表更改样式即可实现背景，此处以Qlabel为例，选中qlabel===》右键 == =》改变样式表===》编辑资源 ===》使用资源。

添加资源图片，点击

【学习记录】QT5 的简单界面设计及错误总结相关推荐

日常学习记录——pycharm+tensorflow简单图像识别
日常学习记录--pycharm+tensorflow简单图像识别写在前面 1 实验代码 2 实验结果 2.1 测试集的正确率 2.2 单个预测结果 2.3 集体预测结果总结与标记写在前面使用p ...
App引导页学习进阶临摹模板|UI界面设计步骤
设计一个成功的App引导页可以说是我们APP界面设计师需要重点用心对待的事情,因为APP引导页的设计取决于用户对这个APP的第一印象,或是大概的了解. 像素精简版 - 免费引导4 UI套件www.s ...
（个人学习记录）Solidworks常见界面操作问题汇总
Ⅰ类问题汇总 1. Solidwork部分插件图标变成灰色怎么解决 2. 标注的单位是m想改成mm怎么解决 3. 做运动仿真的时候添加不了引力和接触要怎么搞 4.画零件图的时候找不到曲面相关的命令 5 ...
JAVA之简单界面设计(布局，更改背景图片，按钮监听 + 数据库登陆注册相关..)
先看一下简单的界面: import java.awt.BorderLayout; import java.awt.Color; import java.awt.Container; import ja ...
C++学习记录实验1 CMatrix类设计与实现
目录一.源码实现 1.1 Main.cpp 1.2 CMatrix.cpp 1.3 CMatrix.h 二.知识小结 2.1 构造函数和析构函数 2.1.1 构造函数和析构函数的由来 2.1.2 构 ...
【学习记录】第一章数据库设计-《SQL Server数据库设计和开发基础篇视频课程》...
一.课程笔记 1.1 软件开发周期 (1)需求分析阶段分析客户的业务和数据处理需求. (2)概要设计阶段设计数据库的E-R模型图,确认需求信息的正确和完整. /* E-R图:实体-关系图(Ent ...
Veirlog 学习记录(6)，数字频率计的设计与实现
FPGA的课程的大作业,我们选的是数字频率计设计.下面分享一下代码,还有工程文件,还有自己写的论文(里面会有更加详细的介绍),希望可以对你有所启发. 工程文件github地址开发环境:Vivado ...
懒癌患者的学习记录之JAVA简单选择排序
简单选择排序简单选择排序基本思虑 1.简单来说就是找到数组中最小的放到0,第二小的放到1,以此类推. 2.首先假设第0个值为最小 3.然后从他后面的值找到比他小的,设那个值为最小,以此类推,直到最后 ...
懒癌患者的学习记录之JAVA简单插入排序
简单插入排序简单插入排序的基本思路 1.将数组的前n个数视为一个有序数列(先将第一个数视为有序数列,然后前两个数,再前三个数) 2.将第n+1与前面的所有数进行比较,找到该数所在位置将其插入(其他数 ...
ExtJs学习篇---OA系统登录界面设计
今天在网上看到了一个案例,于是就跟着练习了下,也就当作这几天学习的一个应用吧! 部署图如下: login.js //Ext.BLANK_IMAGE_URL是空白图片的地址 Ext.BLANK_IMAG ...

【学习记录】QT5 的简单界面设计及错误总结