来源
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 来设计一个程序的界面