【QT】QT Designer控件随窗口大小自适应

简介: 【QT】QT Designer控件随窗口大小自适应

相关参考——Qt Designer生成的图形可以自适应窗口的大小变化


重点:

  1. 设置子部件的sizePolicy属性。
  2. 设置子部件间的布局。
  3. 设置子部件布局的layoutStretch属性设置子部件间的比例。
  4. 设置父部件布局属性。

示例:

  1. 设置sizePolicy

image-20220519175137816


  1. 为两个子QWidget部件设置水平布局,并设置layoutStretch属性。

image-20220519175353072


  1. 设置父部件布局为水平布局。注意:这里的父部件是最上面那层MainWindowClass,之后再给其它父部件设置布局,为当前部件的上一层,等下会再演示往下一层。

image-20220519175929286


  1. 设置完成,为了便于区分,左侧的黄色为绿色,为两个子部件,后面的红色是父部件,我也不知道为什么设置完后会变小一圈,还请知道的老哥评论回复一下,但总体来说不影响使用。

image-20220519180120982


  1. 效果展示


接着演示再往下设置子部件:

  1. 为m_showWidget添加子部件m_showArea,并设置背景颜色为浅蓝色。

image-20220519181005641


  1. 设置其父部件m_showWidget的布局属性

image-20220519181228309


  1. 如下图所示

image-20220519181306250


  1. 最终效果


最后:

关于我:

  1. 我的博客半生瓜のblog or 半生瓜のblog
  2. 我的微信公众号【四次猿口袋】
  3. 我的QQ交流群:805814463
相关文章
|
6月前
|
前端开发 程序员 API
【Qt】控件介绍
【Qt】控件介绍
|
6月前
|
容器
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Group Box的使用及说明
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Group Box的使用及说明
488 3
|
6月前
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 空白项Spacer
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 空白项Spacer
253 2
|
6月前
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 表单布局Form Layout
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 表单布局Form Layout
179 2
|
6月前
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 网格布局Grid Layout
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 网格布局Grid Layout
577 2
|
6月前
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout
350 2
|
6月前
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 垂直布局Vertical Layout
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 垂直布局Vertical Layout
373 2
|
6月前
|
容器
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Tab Widget的使用及说明
【Qt 学习笔记】Qt常用控件 | 容器类控件 | Tab Widget的使用及说明
469 2
|
6月前
|
数据可视化 API
【Qt 学习笔记】Qt常用控件 | 多元素控件 | Tree Widget的说明及介绍
【Qt 学习笔记】Qt常用控件 | 多元素控件 | Tree Widget的说明及介绍
283 2
|
6月前
|
网络协议 Linux C++
【Qt】多种控件实现“hello world“
【Qt】多种控件实现“hello world“