【python上位机开发】2、画页面

  画出项目所需要的样式的雏形。

一、打开Qt设计师和控件认识使用

   1、找到菜单栏当中的toos（工具）

   2、选择external tools（外部工具）

   3、点击配置好的pyside2-designer的工具，打开

打开后会获得一下页面：

控件显示区：里面有我们后续要使用的控件，利用里面的控件进行页面布局

窗体类型：选择Main Window，其他的我还没尝试过，还在学习当中

具体的控件使用，下面会用到的会说到，这位大佬讲的很仔细和清除，有兴趣的小伙伴可以移步到这位大佬的文章qt 如何设计好布局和漂亮的界面。_qt 界面-CSDN博客

二、放置控件、布局

 对于我们要使用到的控件，直接鼠标左键选中，长按左键，拖动到我们创建的Main Window的页面当中，位置可以自己调整。

此次项目主要用的控件如上图所示，仅八种，可以根据自己的喜好进行位置的拖动，或者进行更好的布局，布局不影响功能的实现。

1、pushButton：这是一个提交按钮，可以理解为，按下就执行某一功能

2、label：标签，用于文字标识

3、ComBox：提供一个下拉款，可以选择多样的数据

4、checkBox：选中和不选中两个结果，可以根据是否被选中做逻辑判断

5、listWidget：列表显示页面，用于显示可选中的数据

6、lineEdit：可输入的文本框

7、Text Browser：文本显示区域

8、radioButton：和checkBox的区别就是，radioButton仅能选中一个

上述的控件都可以，双击按钮，可以编辑按钮的名称，上下左右拉可以改变大小等，鼠标对准目标按钮，点击右键可以设置相关属性。

大概就是上述的步骤，可以完成一个页面的布局，对应的控件也有很多更加丰富的属性，在右侧的属性编辑器可以更加规范的编辑。

三、生成python文件（.py文件）

 页面布局好了之后，保存我们当前的文件，文件的尾缀名称是.ui的

保存好文件之后，将文件复制到我们的项目底下

然后利用uic工具进行转换

  1、选择我们要转换的ui文件

   2、选择最底下的外部工具

   3、选择配置好的uic工具进行转换，左键确认即可

（注：如果对控件和页面有改动，就要重新转换一次）

这样，我们的页面就转换成功了，成为了一个.py文件

四、启动页面

现在，我们将我们画好的页面跑起来，让他显示。

import sys
from PySide2.QtWidgets import QApplication, QMainWindow
from control.mian_ui import Ui_MainWindow
class MainWindow(QMainWindow):
    def __init__(self,parent  = None):
        super(MainWindow,self).__init__(parent)
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

app = QApplication()
ui = MainWindow()
ui.show()
sys.exit(app.exec_())

创建了一个主页显示类，继承QMainWindow，在其构造函数实例化我们画好的页面，再调用setupUI方法，画好页面。

直接run上述代码，就可以将我们画好的页面显示出来。

五、结语

  上位机项目采用的是mvc的架构，逻辑会比较清晰，下一章节讲述如何进行功能代码的编写和MVC架构编程需要注意的地方。