PyQt5 布局初探

MFC界面做腻了并且繁杂,试试QT,我用的是QT界面上的布局控件直接布局再利用工具生成的代码;看了QT给出的例程都是代码实现布局,这样子更科学,但是第一步我暂且先用软件自带吧,具体操作就是选中你想要布局的控件再点击左侧工具栏里面任意一个Layouts,这时候就会出现一个红色的方框将你刚刚布局的控件框起来了。
QT里面一般有4种布局,如下图左侧Layouts,其实看它给出来的图标提示大致就知道控件的布局方式了。
Vertical Layoput: 垂直布局
Horizontal Layout: 水平布局
Grid Layout : 表格布局
Form Layout: 表单布局
这里我先创建一个Main Window 的窗口,注意Main Window 的窗口是自带标题栏和状态栏,创建窗口后你就会看到,如果你不需要的话可以删除这两个区域,比如删除窗口底端空白(状态栏)的方式就是鼠标右键点击状态栏区域就会出现一个菜单,点击remove status bar就可以去除底端空白区域,如果你又突然想要状态栏了,不要慌,还是点击鼠标右键选择菜单上的 creat status bar就可以了。好那我们回到布局,窗口有了,开始拖入你想要的控件,这里建议大家使用GroupBox把同品类的控件放到一起,在对GroupBox里的控件进行布局之后对整体的GroupBox进行布局,个人认为这样更方便,当然布局方式不止一种,怎么方便怎么好看怎么来!
在这里插入图片描述
在我这个工程里:窗口最顶端是一个QLabel,中间用了两个GroupBox,窗口底端用了两个Qlabel并且对他们进行了一个水平布局。这几部分在整个窗口所占比例以及窗口的原始大小都应该事先设计好,这样后期的布局会更方便。简单介绍一下下图我的工程是如何布局的:
窗口上对四个主要部分进行了垂直布局,并且调整比例(通过设置Layout属性);第一个GroupBox里有一个TextBrowser和两个PushButton,首先对两个PushButton进行了垂直布局,再选中整个GroupBox进行了水平布局;第二个GroupBox里有第一行四个QLabel显示文字并对他们进行水平布局,第二行有四个QLabel显示4张图片也对他们进行水平布局,第三行四个PushButton对他们进行水平布局,最后选中整个GroupBox对其进行垂直布局,这里也可以设置这三行在GroupBox里所占的比例;窗口最下端是两个QLabel用来显示乱七八糟想要显示的东西,可以看到我们的窗口有很多蓝色的像弹簧一样的东西,这就是用来隔开控件的,在上图左侧工具栏的第二部分Spacers那些横七竖八的弹簧,根据自己的需要使用。最后整体的布局图如下图所示,可以对照着看。由于项目的隐私,部分不重要的信息我进行了打码。
在这里插入图片描述
在这里插入图片描述

大家不要忽略Layout属性的设置,以上是我第一次布局总结出来的大家一起学习的经验,如果想看讲解视频的我这里贴一个链接可以参考:https://www.bilibili.com/video/av21787161

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值