QT入门Layouts之Vertical Layout、Horizontal Layout、QGridLayout

目录

一、界面布局效果

1、界面位置介绍

2、属性功能介绍

 二、代码创建布局效果

 三、QGridLayout介绍


此文为作者原创,转载请标明出处!

一、界面布局效果

1、界面位置介绍

2、属性功能介绍

先以Horizontal Layout来举例说明下:先拖个Horizontal Layout在界面上,再拖三个pushButton放到Horizontal Layout里,然后就看到如下布局效果:

基本常见的布局属性:

ui->horizontalLayout->setSpacing(1);//设置控件之间的距离
ui->horizontalLayout->setContentsMargins(10,1,1,1);//设置上下左右的间距
ui->horizontalLayout->setStretch(0,2);//布局中序号为0,占2
ui->horizontalLayout->setStretch(1,2);//布局中序号为1,占2
ui->horizontalLayout->setStretch(2,6);//布局中序号为2,占6

 二、代码创建布局效果

还是拖个widget在界面上,然后开始写代码:

构造函数中添加:

QHBoxLayout* hLayout = new QHBoxLayout();//水平布局QPushButton* Btn1 = new QPushButton(u8"按钮1");
QPushButton* Btn2 = new QPushButton(u8"按钮2");
QPushButton* Btn3 = new QPushButton(u8"按钮3");
QPushButton* Btn4 = new QPushButton(u8"按钮4");hLayout->addWidget(Btn1);
hLayout->addWidget(Btn2);
hLayout->addWidget(Btn3);
hLayout->addWidget(Btn4);ui->widget->setLayout(hLayout);

效果如下:

 增加按钮之间的距离:

位置变化:

 三、QGridLayout介绍

 类似于表格结构效果填充:

 代码测试:

    QGridLayout* gLayout = new QGridLayout(this);//栅格布局QPushButton* Btn1 = new QPushButton(u8"按钮1");//该函数的作用是设置控件大小随布局变化而变化且会填满布局Btn1->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);QPushButton* Btn2 = new QPushButton(u8"按钮2");Btn2->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);QPushButton* Btn3 = new QPushButton(u8"按钮3");Btn3->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);QPushButton* Btn4 = new QPushButton(u8"按钮4");Btn4->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);gLayout->setRowStretch(0,1);   //第0行,比例为1gLayout->setRowStretch(1,1);   //第1行,比例为1gLayout->setRowStretch(2,1);   //第2行,比例为1gLayout->setRowStretch(3,1);  //第3行,比例为1//布局排布效果gLayout->addWidget(Btn1,1,0,1,1);gLayout->addWidget(Btn2,2,0,1,1);gLayout->addWidget(Btn3,2,1,1,1);gLayout->addWidget(Btn4,3,0,3,1);ui->widget->setLayout(gLayout);

 最后效果:

推荐博客:精灵球Plus介绍_清风徐来Groot的博客-CSDN博客

 百度云盘:链接:https://pan.baidu.com/s/11b634VvKMIsGdahyBLpZ3Q   提取码:6666 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/70129.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

室内地图

因为公司项目的需要,需要开发一套室内地图,并实现路线的规划功能。因为之前没做过这方面的开发,相关的资料也比较少,所以只能一个人去摸索。刚开始我是使用一般的位图去当作的地图,但是这个也让我在后面吃了不少的苦头…

推荐4款超简单的画平面图的软件

本篇文章将介绍 4 款目前热门的绘制平面图软件,包括即时设计、DRAW、Adobe PhotoShop 和 Adobe Illustrator。每一款软件的设计功能、易学性、性价比都不同,适用于不同的用户需求。其中,即时设计是一款新一代的协同设计工具,适用于…

设计师:室内设计师的简介、工作内容、工作要求、设计常识(硬装/软装/榻榻米/马卡龙/地台/公共空间/玄关/闭水实验、家具知识(欧式雕花家具-欧式雕花家具)、室内设计常用尺寸之详细攻略

设计师:室内设计师的简介、工作内容、工作要求、设计常识(硬装/软装/榻榻米/马卡龙/地台/公共空间/玄关/闭水实验、家具知识(欧式雕花家具-欧式雕花家具)、室内设计常用尺寸之详细攻略 目录 室内设计师的简介、工作内容、工作要求、知识储备之详细攻略 …

客房管理实时房态图布局

开发工具与关键技术&#xff1a;VS 后端 作者&#xff1a;陈芝番 撰写时间&#xff1a;2019.5.27 1.首先运用无序列表清单<ul></ul>列表标签,定义一个标有圆点的列表(无序列表) …

15款好用的效果图设计制作软件推荐

无论你是设计师、工程师、室内设计师还是3D艺术家&#xff0c;你都必须熟悉效果图设计制作软件。 在这篇文章中&#xff0c;我们将向您介绍15个值得尝试的效果图设计制作软件&#xff01; 1.即时设计 即时设计是一款「专业UI设计工具」&#xff0c;不受平台限制&#xff0c;…

文科生的Python入门学习小组开班了,快来参与吧

小组学习内容&#xff1a; Riggle使用英文教材和Python文档&#xff0c;将文科生学Python的全部知识点进行串讲&#xff0c;组员一起共同探讨学习&#xff0c;并使用ChatGPT提高效率。 Q&#xff1a; 请问文科生应该怎样用Python来研究社会科学问题&#xff0c;具体可以研究那些…

三维动画制做常见问题

三维动画制做常见问题制做三维动画时要留意的好多个关键点难题&#xff0c;如今我们可以见到三维动漫技术性在不一样电影广告、企业录影和缩微胶片中的运用。做为现阶段最时兴的新科技技术性&#xff0c;应用时必须留意什么关键点&#xff1f;在制做三维动漫以前&#xff0c;大…

unity 实现PPT动画效果切换图片

使用shader实现 点击切换按钮可以查看不同的效果 注意需要为展示用的图片设置一个材质 下载地址 免费下载 shader来源 感谢大佬

三维动画——腿

实验目的与要求&#xff1a; 1、认识3dmax操作界面 2、初步几何体基本操作和常用命令 3、熟悉3dmax建模流程。 实验设备&#xff08;环境&#xff09;&#xff1a; 3d max 2018 实验内容&#xff1a; 绘制圆柱体&#xff0c;然后转换为可编辑多边形进行操作&#xff0c;做出一…

影视广告创意与制作(三)

一、广告策划概述 影视广告创意是以广告策划中的市场调研结果为依据&#xff0c;在广告策划所制定的广告目标、广告对象、广告定位、表现策略、媒介策略等核心内容基础上进行。 现代广告活动已形成以策划为主题、以创意为中心、以整合营销传播为手段的科学管理体系。 1.广告策…

html怎么做一个动态广告图,用CSS3实现广告的展示动画特效

用CSS3实现广告的展示动画特效,不需要用JS哦,大家可以学习下,很多地方都可以用到,还在等什么呢,代码奉上啦! 展示图: DEMO代码:html>用CSS3实现广告的展示动画特效 - Web前端之家 html,body{margin:0px; } .gwd-pagedeck{position:relative; } .gwd-pagedeck >.g…

数据可视化: matplotlib绘制动态图及3维动画

动画可以有趣地展示某种现象。相比于静态图表&#xff0c;人们更容易被动画和交互式的图表所吸引。在描绘时间序列数据时&#xff0c;动画更有意义&#xff0c;例如多年来股票价格的波动&#xff0c;过去十年气候的季节性变化和和趋势&#xff0c;因为我们可以看到特定参数如何…

Web移动端-part02(3D效果+动画)

一、空间转换&#xff08;3D&#xff09; 1、空间位移 transform:translate3d(x,y,z); 左手手心朝下握拳&#xff0c;大拇指方向为x轴正值方向&#xff0c;往下为y轴正值&#xff0c;往自己的方向为z轴正值记得写3d否则不生效 透视 近大远小&#xff0c;近实远虚&#xf…

Facebook广告效果差,转化低?跑赢同行的一手资源维睿互动奉上

每次上新都像参加一场没有出题范围的考试&#xff1f;想要提高新品广告投资回报率&#xff08;ROAS&#xff09;&#xff0c;却不知道哪些广告操作才是提速“催化剂”&#xff1f; 很多时候跑facebook广告&#xff0c;但是出来的效果比较差&#xff0c;ctr很低&#xff0c;cpm很…

【Three.js】手把手教你在三维场景中实现人物行走动画效果

three.js的官方例程里面有个人物行走的案例&#xff0c;链接如下&#xff1a; three.js官方案例-人物行走 这里简单剖析下人物行走的原理&#xff1a; &#xff08;1&#xff09; 首先需要有个动画素材。gltf是可以集成动画的&#xff0c;像行人行走的动画&#xff0c;一般…

【Unity3D插件】Alembic插件分享《abc动画文件导入Unity》

推荐阅读 CSDN主页GitHub开源地址Unity3D插件分享简书地址我的个人博客QQ群&#xff1a;1040082875 文章目录 一、前言二、参考网站及下载三、正文abc文件导入abc导入Unity之后的格式AlembicStreamPlayer组件AlembicExporter组件 一、前言 今天分享一下Alembic插件的使用教程&…

Unity角色动画之面部动画——SALSA插件

目录 概述组件LipSyncEmoteREyes 2D面部动画搭建2D模型添加SALSA 2D组件添加RandomEyes2D组件运行效果 3D面部动画添加SALSA 3D组件添加RandomEyes3D组件运行效果 概述 SALSA&#xff08;简单自动唇形同步近似&#xff09;是一种实时系统&#xff0c;用于从音频输入创建唇形同…

家里两个孩子,你们会一个跟爸姓,一个跟妈姓吗?

生老大的时候&#xff0c;刚开始不知道男女&#xff0c;就取了好几个名字&#xff0c;四个月四维查出男孩&#xff0c;就确定了一个&#xff0c;把剩下的名字分给以后的弟弟或妹妹&#xff01;后来意外二胎&#xff0c;没有查男女&#xff0c;老公就说要不二胎跟我姓吧&#xf…

Mother and child 妈妈与孩子

我拿起那条链子。她用双手接过它&#xff0c;向前探了探身&#xff0c;在我的脖子后把简易的项链钩系好。然后她向后退了几步&#xff0c;好像在看看是否合适。我低下头看着闪闪发亮的玻璃珠和已失去光泽的金色链子&#xff0c;然后抬起头望着她。我很认真地轻声说道&#xff1…

怎样要一个儿子和女儿

[转] 女人的最佳生育年限 及怎样要一个儿子和女儿 2011.11.30 阅读(4) 返回日志列表 转载(10.62万)分享评论复制地址更多 教你如何生一个漂亮宝宝&#xff0c;怕以后找不到&#xff0c;先收藏了1.教你如何生一个漂亮宝宝 2.男人的最佳生育年限 及怎样要一个儿子 3.受用一生的维…