Qt Designer简介

来源

http://www.python3.vip/tut/py/gui/qt_03/

回顾

在前面的程序中，我们学习了怎么样用程序来把QT程序界面的一个个窗口、控件创建出来

问题分析

QT程序界面的一个个窗口、控件，就是像上面那样用相应的代码创建出来的。

但是，把你的脑海里的界面，用代码直接写出来，是有些困难的。

很多时候，运行时呈现的样子，不是我们要的。我们经常还要修改代码调整界面上控件的位置，再运行预览。反复多次这样操作。

可是这样，真的…太麻烦了。

其实，我们可以用QT界面生成器 Qt Designer（界面设计师），拖拖拽拽就可以直观的创建出程序大体的界面。

Qt Designer（界面设计师）

怎么运行这个工具呢？

pyside2

它的路径是

D:\Python\Installation\Scripts\pyside2-designer.exe

pyqt5

它的路径是

D:\Python\Installation\Scripts\pyqt5designer.exe

初步运行`pyside2-designer.exe`

然后就出现了下面的这个界面

因为，我现在使用的操作系统是中文的操作系统，所以这个程序是已经汉化过了的。

怎么样使用Qt Designer来创建一个程序的界面

初始化一个图形界面

首先，你需要创建一个顶层的
其实，我们的程序在启动的时候就会新建一个
启动的时候，会弹出一个【新建窗体】的对话框

我们可以在这里面选择顶层的窗口是一个什么类型

刚才我们选择是【Main Window】，所以这个界面是有一个菜单栏的
现在我们的这个程序的界面是不需要菜单栏的，所以还是重建一个

这种情况下就没有菜单栏这个位置了

编辑框

选中，拖动即可将这个控件移到我们的图形界面上来

我们可以对这个纯文本编辑框进行很多操作：
选中纯文本编辑框，改变它的大小、位置
右键还有更多的选项

按钮

1.0版

这样的话，我们就是将界面的大体的形状定义出来了

设置控件的属性

按钮

1.按钮的名字
选中按钮控件，双击即可修改按钮的名字

编辑框

1.编辑框的输入提示

这个输入提示其实是属于Placeholder的一种文本

首先，我们应该如何设置控件的属性呢？

那我们应该如何设置它的一个和Placeholder有关的属性呢？

设置控件对象的名字

也就是我们在实例化对象时对创建对象的命名

因为我们的程序在访问里面的控件时，是根据对象的名字来访问的

这样修改之后，我们的程序就可以通过textEdit和button来访问到这个控件

标题栏

我们应该如何修改程序的标题栏呢？

预览

虽然已经大致创建好了，但是还是和我们实际运行时是有一些差别的，比如说

【窗体】【预览】（快捷键【Ctrl+R】）
然后就可以看见实际运行时的效果了

保存

这样就保存成功了

建议

新建一个文件夹，将所有的ui界面文件都保存在一起
文件名的话，最好是起到什么功能的就起什么样的名字

文件stats.ui的具体介绍

以【记事本】方式打开stats.ui文件

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0"><class>Form</class><widget class="QWidget" name="Form"><property name="geometry"><rect><x>0</x><y>0</y><width>747</width><height>594</height></rect></property><property name="windowTitle"><string>薪资统计</string></property><widget class="QPlainTextEdit" name="textEdit"><property name="geometry"><rect><x>40</x><y>50</y><width>641</width><height>381</height></rect></property><property name="placeholderText"><string>请输入薪资信息</string></property></widget><widget class="QPushButton" name="button"><property name="geometry"><rect><x>310</x><y>480</y><width>93</width><height>28</height></rect></property><property name="text"><string>统计</string></property></widget></widget><resources/><connections/>
</ui>

其实它就是xml格式的文件

它把你的界面上的元素全部定义在文件中了

它不是将你的界面定义存成一张图片，而是保存为一个xml的定义文件中

在下一次打开Qt Designer的时候，我们可以打开我们设计并保存的ui文件

打开我们设计并保存的ui文件

选择要打开文件的路径和要打开的文件

这就是ui文件打开之后的结果

完结

这个就是通过 Qt Designer 来设计一个程序的界面