Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

时间:2021-03-30 23:02:12

1、使用QtDesigner包括4个基本步骤:

1、选择你要是用的形式和组件;

e.g.:选择MainWindow和这个窗口中可能用到的所有按钮和Label等

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

2、将使用到的组件拖拽到这个窗口中,并进行布局;

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

需要主要的是将这3个布局布局到一个主要的布局中(top level layout),这个例子中是QWidget,如果没有这一步,那么当改变window的大小是,内部布局是不会一起跟着改变的。而且主要布局在这个窗口中是不能看到的。检查是否设置了主窗口,只需要改变窗口的大小,观察内部的组件大小是否在变化。

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

3、连接信号和槽;

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

一个组件可能即存在信号又存在槽,因此同两个组件可以相互连接。

4、预览窗口;

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

2、创建一个简单的对话框

1、创建Demo_Dialog工程

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序


2、调用QtDesigner

创建MainWindow后,我们拖拽label到窗口上,并修改对象属性编辑器上text内容为“用户名:”;

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

拖拽LineEdit到窗口上与用户名Label对齐,并修改ObjectName为UserLineEdit以方便后续编写住代码时能方便调用该组件的一些方法,所设置的名字,也就是后续在代码中该组件的对象名,直接对该对象进行.调用即可。

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

同理我们再在用户名的下边设置密码一栏:

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

最后拖拽PushButton(按钮),那么对于按钮的修改既需要text(在按钮显示的文字),也需要修改按钮的对象名称,以方便我们的调用:

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

进行布局:

水平布局:同时选中用户名Label和后面对应的LineEdit后,点击窗体选择水平布局:

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

同理对密码一栏进行水平布局,两个按钮进行水平布局,然后用拉斜框的方式,选中这三个水平布局,进行垂直布局:

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

然后进行最顶层的布局,即用鼠标点一下主要窗口,然后选择垂直布局或者是水平布局什么的,可以观察效果是什么样子,之后组件将随着主窗口的大小变化进行变化。

之后便可以进行窗口的预览。

Python2.7+PyQt4 QtDesigner学习笔记系列——3:QtDesigner第一个小程序

最后进行保存成.ui格式的文件,之后在pycharm中对其调用PyUic即可转化成.py格式的文件。