qt 中ui界面怎么加layout

qt 中ui界面怎么加layout,第1张

要用UI设计器生成界面,还要嵌套到另外一个UI之中,在新建子UI界面时,用QtCreator的新建设计师界面类。 生成三个文件:包括一个xxxx.UI,一个xxxx.h,一个xxxx.cpp。 别的类里面只要#include “xxxx.h”就可以用了。

狭义的说,Qt的布局管理框架指的是以QLayoutItem/QLayout为基类的布局管理体系(应该说,对于QGraphicsSystem, 还有以QGraphicsLayoutItem/QGraphicsLayout为基类的一系列相关子类)

但是如果广义的说,布局就是管理控件的位置和尺寸的话,在QT中一共有三种方式

绝对定位:在代码中调用QWidget::setGeometry()函数,对控件进行绝对定位

手工定位:在resizeEvent等函数中,根据参数变化,撰写代码对控件进行定位

使用布局管理器定位:使用QLayout类管理控件

布局 VS 控件

在GTK中,Layout和Widget并没有截然分开,不存在单独的Layout类,每个控件都要自己负责管理自己的子控件的布局,只不过有些控件管理的多些,或者基本上专门用来管理布局,而有些则管理的少一些。

而在QT中,Layout和Widget是相对独立的类,但是Layout本身单独存在并没有意义,需要和Widget配合使用。而Widget本身不负责子控件的布局管理。你可以认为,Layout类其实只是一组预先撰写好的代码,在父控件尺寸变化时,根据预设参数和子控件的各种Geometry hint,管理控件的位置和尺寸。

不过,也有一些例外,比如QMainWindow类,就自己管理预设的子控件的布局。

一点内部逻辑

**Layout如何管理Widget,层次关系**

首先是要通过QWidget::setLayout函数,将一个QLayout类设置为控件的布局管理器。这一步实际也将这个控件设置为QLayout类的父控件。

而后,通常通过QLayout::addWidget()等函数,将widget添加到Layout类的布局管理体系中

但是,Layout本身并不是Widget的父控件,因为QWidget类的父控件只能是QWidget类,所以Layout将其管理的子控件的父控件重定向为自己的父控件。

另外,因为QWidget类本身并不是一个QLayoutItem,而Qlayout的管理又是以QLayoutItem为单位。所以,在addWidget的 *** 作中,QLayout还会创建一个QLayoutItem的子类QWidgetItem类来对应的包装代理添加进来的子控件。QWidgetItem对象最终会将QLayout布局管理体系中的布局参数信息装换、设置到它所代理的QWidget对象上

分组式(堆栈式)布局

QStackedLayout个人觉得叫分组布局有些歧义,还是直译堆栈布局比较合适。这个Layout类管理子控件的方式和其它QBoxLayout,QGridLayout等不太一样,比较特殊。QStackedLayout不侧重于子控件的位置管理,它所管理的子控件是叠加在一起的,主要控制哪个子控件位于最上层

可以通过设置参数,决定只有当前顶层控件可见(默认行为),还是所有子控件都可见(这样可以实现一些比如叠加显示的效果,当然,要最上层的控件有透明的区域)。

另外,不管堆叠参数如何设置,QStackedLayout的父控件的内容都是可见的,只要当前显示的子控件有透明区域。

众所周知,在Qt中,Widget上添加子控件可以使用Layout的addWidget添加。但是在某些情况下,需要自定义使用setGeometry来自定义显示控件的布局,此时若使用了父控件使用了Layout,子控件使用setGeometry则不起作用了。因为父控件的布局已经被Layout管理了,所以设置setGeometry是无效的。

在Qt 5.14上,mac系统,验证正确的步骤是:

1.当父控件Widget显示之后,在父控件Widget showEvent里添加子控件,此时父控件Widget不要使用Layout,直接new 子Widget(父Widget)即可;即便是QStackedLayout也不行,此布局会使得子Widget setGeometry 无效。(为什么要在showEvent里才添加子控件,因为父控件刚创建时,可能获取的宽高是不正确的);

2.子控件->setGeometry自己想要的位置;

3.子控件根据需要可设置Layout等添加自定义布局。

以上。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7906997.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存