QtDesigner是专门用来制作Qt程序UI界面的工具,它使用起来非常简单,只要通过拖拽和点击就可以完成复杂的界面设计,而且还可以随时预览查看效果图。
下面是一个MainWindows,MainWindows默认添加了菜单栏、工具栏和状态栏等。
http://s4/mw690/001Q7Q67zy75BMuysaD93&690Designer简介(三)" TITLE="PyQT5界面开发—利用QtDesigner设计UI界面—Qt Designer简介(三)" />
默认左边是控件栏,提供了很多空间类,我们可以直接拖放到widget中看到效果,点窗体--预览(Ctrl+R)。
每个空间都有自己的名称,提供不同的功能,比如常用的按钮、输入框、单选、文本框等等。
右边是对窗口及控件的各种调整、设置、添加资源(列如:图片)、动作。还可以直接编辑Qt引以为豪的信号槽(signal和slot)。
有了Qt
Designer使得我们在程序设计中更快的能开发设计出程序界面,避免了用纯代码来写一个窗口的繁琐,同时PyQt支持界面与逻辑分离,这对于新手来说无疑是个最大的福音,当然要做出华丽的界面还是要学代码的。至少Qt
Designer为我们提供了一些解决方法,另外我们也可以通过Qt Designer生成的代码来学习一些窗口控件的用法。
Qt
Designer Layouts窗口布局
http://s10/mw690/001Q7Q67zy75BMDvauBc9&690Designer简介(三)" TITLE="PyQT5界面开发—利用QtDesigner设计UI界面—Qt
Designer简介(三)" />
Qt Designer窗口布局Layouts提供了四种布局方法,他们是:
- Vertical
Layout
- Horizontal
Layout
- Grid
Layout
- Form
Layout
前三种是经常会用到的,我们将布局Layouts拖动到窗体上会有红色框来显示(中间窗体中的四个小红框就是),Layout的一些属性可以通过属性编辑器来控制,一般包括:上下左右边距间隔,空间之间间隔等。
使用布局之前,我们得对层次要有个了解,在程序设计中一般用父子关系来表示。
http://s15/mw690/001Q7Q67zy75BMPhlxAde&690Designer简介(三)" TITLE="PyQT5界面开发—利用QtDesigner设计UI界面—Qt Designer简介(三)" />
从对象查看器中我们可以方便的看出窗体(Form)--布局(Layout)--控件(这里是PushButton按钮)之间的层次关系。Form窗口一般作为顶层显示,然后使用Layout将控件按照我们想要的方式规划开来。
小提示:
通常我们使用栅格布局作为顶层布局,将控件放置好之后可以通过右键--布局--栅格布局,将布局充满整个窗体。我们可以先放入控件,然后ctrl选中多个控件,然后点击工具栏上快速布局工具进行布局。
加载中,请稍候......