Qt Designer 布局 (1) PyQt学习基础

移动开发
本文介绍的是Qt Designer 布局PyQt学习基础,分为三部分进行介绍,希望友们能深入的去了解,先来看内容。

Qt Designer 布局 (1) PyQt学习基础是本文要介绍的内容,先来看内容。我们用Qt Designer设计一个对话框。假如我们想设计一个下面的对话框:

Qt Designer 布局 (1) PyQt学习基础

一、创建工程

打开Designer,在弹出的新建窗体对话框中,选择templatesforms中的Dialog with Button Bottom,点击创建,就会创建一个如下图所示的对话框。

Qt Designer 布局 (1) PyQt学习基础

如图我们得到了一个带有按钮的对话框,我们选定两个按钮,然后点击右键,删除这两个按钮,然后我们这个form就变空了,以便接下来我们自己设置。

二、放置widgets和buttons等

Qt Designer窗口左边有一个widget box,里面有很多图标代表了一些widget,我们在Display Widget里面找到Label控件,然后把它拖到我们的窗体form中,放到左上角,选中它,然后我们在Qt Designer窗口右边的属性编辑器中找到“Text”属性,然后把它的值改为“Find &what”,如下图:

Qt Designer 布局 (1) PyQt学习基础

然后我们再从widget box中的input widgets中找到Line Edit ,把它拖到对话框中Label的右边,对齐。然后在属性编辑器找到ObjectName属性,把值改为findLineEdit。为什么上面的LableName我们不改呢?因为我们不会在程序中用到它,这里改了LineEdit的Name是因为在程序中会用到这个值。

Qt Designer 布局 (1) PyQt学习基础

然后,在拖一个Label和一个Line Edit分别放到上面的两个widget下面,其中Label的text属性改为“Replace with”,而Line Edit的ObjectName改为replaceLineEdit。结果应该如下图所示:

Qt Designer 布局 (1) PyQt学习基础

先把上面的保存为:findandreplacedlg.ui

下面,我们在上面的基础上增加两个checkboxs,从widget box中的Buttons中找到Check Box,然后拖两个到对话框中,放到label和line edit的下面。把***个check box的ObjectName改为caseCheckBox,把它的Text属性值改为&Case sensitive;把第二个check box的ObjectName改为wholCheckBox,Text属性改为Wh&ole words,并且把“checked”状态改为“true”。此时对话框如下所示:

Qt Designer 布局 (1) PyQt学习基础

下面,在上面基础上添加一个Label和一个ComboBox。其中的Label放到***个check box的下面,它的Text属性改为&Syntax。然后拖一个ComboBox放到这个Label的右边,它的Objectname设为“syntax ComboBox”。然后我们要给这个ComboBox添加两个Items。方法是:选中这个ComboBox,点击右键,在弹出的菜单中选***项Edit Items,然后在弹出的对话框中点击图标“+”,添加一项Item,并把内容改为“Literal text”,然后再同样的方法添加一项“Regular expression_r”。如下图所示:

Qt Designer 布局 (1) PyQt学习基础

下面我们就要在dialog的右边创建button了,在创建之前。我们还需要向窗口添加两个东西。首先添加一个Vertical Spacer(在widget box中的Spacers group中),它的作用是当dialog的大小改变时,窗口里的widgets不会布局发生散化或者变乱。第二个需要添加的是Vertical Line(在widget box中的Display widgets中),把它放到两个LineEdit的右边,用于分割这些widgets和我们即将添加的buttons。如下图所示:

Qt Designer 布局 (1) PyQt学习基础

下面我们开始创建button。从Button group中拖一个Push Button到窗口中,放到右上位置,把它的ObjectName改为“findButton”,它的text改为“&Find”。

再拖个一个push button放到这个find的下面,ObjectName改为“replaceButton”,text改为“&Replace”。

创建第三个button在replace button的下面,ObjectName改为“replaceAllButton”,text改为“Replace &All”。然后拖一个Vertical spacer放到下面。

***我们创建第四个button,ObjectName改为“closeButton”,text改为“Close”。

现在所有的widgets和button我们都创建完了,如下图所示:

Qt Designer 布局 (1) PyQt学习基础

参考资料《Rapid GUI Programing with PyQt》chapter 7

小结:关于Qt Designer 布局 (1) PyQt学习基础的内容介绍完了,希望本文对你有所帮助。请继续深入了解 Qt Designer 布局 (2) PyQt学习基础

责任编辑:zhaolei 来源: 互联网
相关推荐

2011-07-04 13:17:18

Qt Designer 布局

2011-07-04 13:26:30

Qt Designer

2011-07-04 11:29:40

QT Designer

2011-07-04 11:21:59

QT Designer

2011-07-04 15:43:03

Qt 布局管理器 designer

2011-06-13 14:29:40

Qt Designer

2011-06-10 11:24:08

Qt Quick Designer

2011-06-15 11:09:48

Qt PyQt

2011-06-27 16:07:49

Qt Designer

2011-06-27 16:37:08

Qt Designer

2011-06-27 16:18:24

Qt Designer

2011-06-28 17:13:46

Qt Designer UI

2011-07-04 16:31:24

QT 部件

2010-08-05 13:27:06

Flex布局

2011-06-13 15:09:36

插件 Qt Designer

2020-11-09 14:07:53

PyQtQt编程

2011-06-13 14:00:55

Qt Designer linux

2011-06-13 14:49:57

Qt Designer

2011-07-04 14:29:25

Qt Designer 容器

2011-06-20 15:52:14

Qt Designer 控件
点赞
收藏

51CTO技术栈公众号