python图形用户界面（三）：如何简单高效地实现GUI界面设计？？

前言

本系列课程是针对无基础的，争取用简单明了的语言来讲解，学习前需要具备基本的电脑操作能力，准备一个已安装python环境的电脑。如果觉得好可以分享转发，有问题的地方也欢迎指出，在此先行谢过。

前言

之前我们的程序代码，很多其实都是用来实现UI界面布局设计的，实际的功能代码非常少，因为布局还比较简单，所以直接用代码手动实现布局还可以。如果我们要实现一些比较复杂的界面布局时，比如像下面的这个射击游戏一样，那么添加控件，调整样式布局将会变的非常麻烦。

那么有没有什么高效的方法或者工具呢，这个当然是有的，如果你有了解过VB，那我相信你应该很熟悉下面这个页面。

这个页面就是帮助让我们可视化设计Gui界面的，通过拖拽左侧的控件到中间的界面区，想设计成什么样，自己就摆放成什么样，非常方便。

工具介绍和下载

第一种：到Qt官网进行下载安装

有很多个版本给我们选择，以及对应的系统。

下载好后，双击打开，可以自己新建一个ui界面文件。

第二种：使用自带的

在PySide2中，也存在这样类似的工具，如果安装好PySide2后，它的文件夹中就会存在一个designer.exe软件。

双击打开后是下面这样的。

工具基本使用

这里以自带的做讲解，使用方法都是一样的。

从左侧部件选择我们要的部件拖拽过来就可以了。

右侧可以进行部件的属性的详细设置，字体大小，颜色，位置等。

按下CTRL+R预览效果，自己下载的QtCreator使用 Alt+Shift+R预览。

界面转换成代码

如果已经设计好界面后，在我们保存的位置就会存在一个以.ui结尾的界面文件了。假设我创建了一个first.ui的文件。

下面我们可以在我们安装python环境的地方，看到一个Scripts文件夹，里面有一个pyside2-uic.exe的程序。

我们可以启动终端，通过调用pyside2-uic 生成我们的一个py文件，具体使用如下，-o 后面接的是我们要生成的文件名字。

运行后，桌面上会有一个py结尾的文件。

除了上面终端调用，在python文件中也是一样调用的。

在python的site-packages的里面，其实还有一个模块pyside2uic可以用来转换ui文件到py文件的。

具体使用方法如下

总结

通过使用界面设计工具可以非常高效的帮助我们设计UI界面，通过转换工具，可以将界面ui文件变成一个py文件，这个文件可以作为一个模块文件导入，从而实现了界面代码和功能代码的分离。

(全文完)