PyQt学习笔记(7)——Qt Design…

转载 2016年08月29日 12:49:52

我们用Qt Designer设计一个对话框。假如我们想设计一个下面的对话框:

 

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



一,创建工程

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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



 

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

二,放置widgetsbuttons

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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



 

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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



 

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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



 

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

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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



 

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

 

 

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)



 

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

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

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

最后我们创建第四个buttonObjectName改为“closeButton”,text改为“Close”。

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

[转载]PyQt学习笔记(7)——Qt <wbr>Designer(1)

 

 

 

参考资料《Rapid GUI Programing with PyQtchapter 7

 

PyQt学习笔记(7)——Qt&nbsp;Design…

原文地址:Designer(1)">PyQt学习笔记(7)——Qt Designer(1)作者:进击的麦兜兜 我们用Qt Designer设计一个对话框。假如我们想设计一个下面的对话框:   D...
  • leexurui
  • leexurui
  • 2016年08月29日 12:49
  • 372

PyQt5使用Designer设计UI的两种实现方式

在上一篇博客Python界面库-PyQt5初探中留了一个坑,那就是如何利用Qt的Designer设计出的UI文件。本篇博客就来研究这个问题。请注意:这里只是讲如何使用Ui文件,而不会讲如何设计Ui文件...
  • chlk118
  • chlk118
  • 2017年05月21日 11:21
  • 6449

用CentOS 7安装cadence搭建适合IC Design的科研环境(二)——操作系统的相关配置

安装cadence之前对操作系统需要进行一些必要的配置。
  • maxwell2ic
  • maxwell2ic
  • 2016年08月09日 15:00
  • 6934

PyQt4 精彩实例分析 实例9 利用Qt Designer设计一个对话框

在Qt编程中,程序员通常都是使用手动编写Python源代码来进行Qt程序开发,但有些程序员也喜欢使用可视化的方法进行对话框设计,因此,Qt为习惯利用可视化方式进行窗口程序设计的程序员提供了Design...
  • qq_21398167
  • qq_21398167
  • 2015年06月09日 17:47
  • 1323

Ant-design 快速上手

1、在开始之前,先下载 Node.js v4.x 或以上。 2、安装后在win+r输入npm install antd-init -g 安装antd 3、使用命令行进行初始化。 $ mkdir an...
  • sinat_38270658
  • sinat_38270658
  • 2017年04月11日 14:28
  • 3211

用centOS 7安装cadence搭建适合IC Design的科研环境(一)——相关知识准备

这篇博客记录我在用centOS搭建适合模拟集成电路设计的科研环境的过程,主要内容从我的OneNote笔记中整理,一是为了从杂乱的笔记中筛选出有价值的信息,二是希望能帮助更多像我一样的新手少走弯路。...
  • maxwell2ic
  • maxwell2ic
  • 2016年07月22日 09:34
  • 6959

ant.design实践手札之---ajax数据调用

今天正好在弄项目的ajax数据调用情况,趁热打铁记录下实际的运行步骤状态1、创建一个对应的对象model、service、routes、mock作为一个简单的ajax的准备工作/src/models/...
  • xupeng874395012
  • xupeng874395012
  • 2017年01月20日 16:26
  • 3059

Android源码大放送之material design类型

本文转载自:http://www.apkbus.com/android-243232-1-1.html 鉴于大家对源码的渴望,就算自己辛苦一点也要满足大家的需求,查看了几百个源码...
  • cike110120
  • cike110120
  • 2015年06月20日 09:33
  • 11830

Material Design学习之 EditText (功能强大,优于系统自带,感谢“扔物线”)

转载请注明出处:王亟亟的大牛之路继续之前的Material Design历程,今天是EditText,素材来源于http://www.rengwuxian.com/post/materialeditt...
  • ddwhan0123
  • ddwhan0123
  • 2016年01月29日 10:39
  • 4925

Axure ant.design 搭建小项目原型图

Axure RP是一个专业的快速原型设计工具。链接不提供。 Ant Design Library v2.0.1 蚂蚁金服体验技术部出品,https://ant.design/docs/resource...
  • wangyingtong
  • wangyingtong
  • 2016年10月26日 16:49
  • 3764
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:PyQt学习笔记(7)——Qt&nbsp;Design…
举报原因:
原因补充:

(最多只允许输入30个字)