python编写界面(二) 使用designer进行界面设计

之前说了下designer,下面就要用这个来设计一个界面。

假如要设计如下界面:

clip_image002

实现的功能很简单,就是一个注册。输入用户名,姓名,生日,然后勾选选项框,就可以进行注册了。注册后,边上的文本框会显示注册的信息。

 

首先是创建一个画布。

clip_image003

选择控件的Label控件,将其拖到画布中,重复拖三个

clip_image005clip_image006 

 

对标签双击,修改显示的内容

clip_image007

 

选择控件的Line Edit控件,将其拖到画布中

clip_image008clip_image009 

 

选择Push Button控件,拖到画布中。修改内容为注册

clip_image010clip_image012 

 

 

 

选择Radio Button控件,拖两个到画布中,修改内容为男

clip_image013clip_image015

 

选择Combo Box控件和Spin Box,拖到画布中

clip_image016clip_image017

选择Text Broser控件,拖到画布中

clip_image018clip_image019

 

 

选择勾选框,拖到画布中,修改显示内容为 你同意我们的协议

clip_image021clip_image022

最后在将Horizontal SpacerVertical Spacer控件拖到画布中。

clip_image023

这样,就完成了各个控件的拖放了。然后调整各个控件的位置。

clip_image024

这是不是和我们预想设计的界面是一样的了。

 

下面来调整各个控件的属性,3个标签只是显示数据,所以属性就不用修改,对于男 女的选择按钮,设置默认为男是作为选择的。鼠标选择男按钮控件,在边上的属性一栏,把checked的勾给选上。

clip_image025

对年的复选框右键选择编辑项目

clip_image026 

选择左下角的+号,添加内容

clip_image027 clip_image028

对月的控件,在边上的属性栏,将minimum设置为1maximum设置为12.

clip_image029

对日的控件,在边上的属性栏,将minimum设置为1maximum设置为31

clip_image030

对于注册按键控件,将enabled属性勾去掉,因为要勾选你同意我们的协议框后,该按钮才使能,选择后,按钮会变成灰色,表示不可用。

clip_image031

最后,将界面的名字改成用户注册,选择外边框,在边上的属性中,将windowtitle设置为用户注册

clip_image032

这样,属性就设置完了,预览一下

clip_image033

感觉控件之间没有对齐。这就需要加入布局了。

 

在局部部件中,拖入3个水平布局,将控件整体拖到对应的水平布局中,并调整控件在布局中的位置。在水平布局中,控件的位置只能是以水平的方式排布。

clip_image035

然后就是这个样子了

clip_image036

在拖入一个垂直布局,将1,2,3,4,5拖到6的垂直布局中,并调整各个控件的位置,在垂直布局中,控件的位置只能是以垂直的方式排布。

clip_image038

最后就是这个样子。

clip_image039

这样,一个界面就完成了,预览一下:

clip_image040

界面设计完毕后,后面就要对界面进行功能编程了。

 

此条目发表在python, 编程语言分类目录,贴了, 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。