之前在网上找了一些教程,算是搞定了控件随窗口变化的需求。
总结的话就是:摆控件;控件设定最小尺寸(以开发时自行设定尺寸作为最小值);控件之间选择水平或者垂直布局;最后再设计顶层布局
废话不多说,开干:
(1)摆控件
在UI中我放置了一个widget和两个pushbutton,先很随意的摆放。
在这里插入图片描述
(2)控件设定最小尺寸
调整控件大小至合适尺寸,以目前看到的尺寸作为控件的最小尺寸。
在这里插入图片描述
在这里插入图片描述
(3)调整控件布局
两个pushbutton采用水平布局的方式
在这里插入图片描述
整完之后就是这样的,现在还是有些乱,别怕,快变得整齐了
在这里插入图片描述
将两个pushbutton整体与widget进行垂直布局
在这里插入图片描述
调整之后就变得整齐了哦
在这里插入图片描述
是不是觉得那两个pushbutton太长了,这个时候就要有请弹簧出场了
根据个人浅薄的体验总结:弹簧只可以用在布局的边线之间,不可调整长度,但是可以自动将布局进行均匀化
在这里插入图片描述
(4)设计顶层布局
上边的操作只是让UI看起来整齐了,但是想要使控件跟随窗口变化,还有最后重要的一步-设计顶层布局
在UI空白处,右键–>布局–>栅格布局(也可以根据实际情况选择),过程如下图:
在这里插入图片描述
最后:运行一下,是不是可以实现UI界面整体和窗口放大缩小了!

参考博文地址:https://blog.csdn.net/sinat_36420785/article/details/61432531

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐