04. UI Designer /Qt Designer 可视化窗体设计

1. 在UI Designer中可视化设计窗体

2. 工具软件pyuic5将窗体文件(.ui文件)转换为python程序文件

3. 使用转换后的窗体的python类构建GUI应用程序

 

#####################################################

 

1. Qt Creater

　　-  创建一个单纯的窗体文件(.ui文件)

　　-  File -> New File or Project -> QT -> Qt Designer Form -> Choose

　　-  模板

　　　　● Dialog ：基于QDialog类，具有一般对话框特性，如可以模态显示，有返回值

　　　　● Main Window ：基于QMain Window，具有主窗口特性，窗口上有主菜单栏，状态栏，工具栏

　　　　● Widget ：基于QWidget，QWidget是所有界面组件的基类(QLabel、QPushButton)，也是QDialog和QMainWindow的父类

2. UI Designer窗口介绍

　　-  左侧为组件面板[Layouts，Buttons，DisplayWidgets]

　　-  中间为待设计窗体；可以拖动组件放置在窗体上

　　-  下方为Action Editor和Signals Slots Editor

　　　　● Action编辑器：用于设计Action

　　　　● Signals Slots编辑器：可视化的进行信号与槽的关联、

　　-  右上方为Object Inspectors：对象浏览器，树状视图显示窗体上各个组件之间的布局和包含关系；显示组件对象名称和类名称

　　- 右下方为Property Editor：属性编辑器，显示各个组件和窗体各种属性值，可修改属性