加载中…
个人资料
余家畅想
余家畅想
  • 博客等级:
  • 博客积分:0
  • 博客访问:3,443
  • 关注人气:34
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

PyQT5界面开发—利用QtDesigner设计UI界面—Qt Designer简介(三)

(2016-10-14 11:27:34)
分类: PYTHON
QtDesigner是专门用来制作Qt程序UI界面的工具,它使用起来非常简单,只要通过拖拽和点击就可以完成复杂的界面设计,而且还可以随时预览查看效果图。
打开PyQt5的Qt Designer,会自动弹出新建窗体对话框,对于我们最常用的就是Widget通用窗口类,还有个MainWindows顾名思义主窗口。http://s4/mw690/001Q7Q67zy75BMbwGIPf3&690Designer简介(三)" TITLE="PyQT5界面开发—利用QtDesigner设计UI界面—Qt Designer简介(三)" />

下面是一个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提供了四种布局方法,他们是:

 

  1. Vertical Layout  
  2. Horizontal Layout  
  3. Grid Layout  
  4. Form Layout   

     前三种是经常会用到的,我们将布局Layouts拖动到窗体上会有红色框来显示(中间窗体中的四个小红框就是),Layout的一些属性可以通过属性编辑器来控制,一般包括:上下左右边距间隔,空间之间间隔等。

      使用布局之前,我们得对层次要有个了解,在程序设计中一般用父子关系来表示。

http://s15/mw690/001Q7Q67zy75BMPhlxAde&690Designer简介(三)" TITLE="PyQT5界面开发—利用QtDesigner设计UI界面—Qt Designer简介(三)" />

从对象查看器中我们可以方便的看出窗体(Form)--布局(Layout)--控件(这里是PushButton按钮)之间的层次关系。Form窗口一般作为顶层显示,然后使用Layout将控件按照我们想要的方式规划开来。


小提示:

      通常我们使用栅格布局作为顶层布局,将控件放置好之后可以通过右键--布局--栅格布局,将布局充满整个窗体。我们可以先放入控件,然后ctrl选中多个控件,然后点击工具栏上快速布局工具进行布局。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有