Qt Creator设计UI界面使控件随窗口任意拉伸—实现自适应任意分辨率屏幕

于 2024-08-29 11:01:26 发布
阅读量640 收藏 2
点赞数 1
分类专栏： Qt5 文章标签： qt ui 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c729792562/article/details/141672768
版权

目录

目的

解决Qt上位机界面，在不同分辨率屏幕中界面尺寸变化，导致内部控件比例变化，控件名称堆叠无法看清的问题。

利用Qt Creator 4.3 在界面设计中实现，不需要程序操作。

步骤

1 ，利用容器进行界面功能分区布局

控件拖入GroupBox 或 TabWidget 等容器，利用弹簧Spacer在容器内排布好所有控件

在这里插入图片描述

2，容器内格栅布局

在GroupBox内空白处，右键-格栅布局。这样，GroupBox拉伸时，内部控件可随之拉伸。

3，顶层窗口内排布各个容器、控件

在顶层窗口MainWindow中，利用弹簧Spacer排布好所有控件。

4，容器内布局

在MainWindow空白处，右键-格栅布局。这样MainWindow窗口拉伸时，内部所有控件会随之拉伸。

5，布局完成后调整控件排布位置

格栅布局后，可通过调整Spacer的大小（ sizeHint参数）来调整控件的布局

在这里插入图片描述
关键点： 在容器/窗口的空白处，右键-格栅布局，对整个容器/窗口 布局，这样在拉伸界面时，容器/窗口内的控件才会随窗口一起拉伸。

效果

在这里插入图片描述
在这里插入图片描述

yihapoun
关注
专栏目录
Qt无边框可拉伸改变大小
01-15
Qt无边框源码可拉伸改变大小，可根据自己需求任意改变窗口大小
QT应用程序分辨率自适应
matengxiao的博客
10-18 5万+
QT应用程序分辨率自适应一、应用程序分辨率自适应    为了满足应用程序能在不同尺寸及分辨率的屏幕下能够正常的运行显示，就需要对不同的分辨率进行自适应，而且应用程序分辨率自适应的问题在应用UI设计布局以及UI代码编写阶段进行设计规划，如在界面完成后期再考虑分辨率问题可能需要更大的工作量，并且自适应效果不一定能达到要求。一般来说，应用程序的设计应该按照支持的最小分辨率来进行设计，在应用程序分辨率变化时
QT5中的UI界面 控件随窗口自适应变化大小 无需写任何代码！
热门推荐
看风起云落的博客
11-28 11万+
无需任何代码，让QT5中的UI界面 控件随窗口自适应变化大小 ！
Qt非布局界面自适应屏幕
QUESTIONS123321的博客
10-23 727
被界面自适应屏幕折磨了好久，刚开是采用设计师界面布局设计，然后发现因为字体大小、界面控件太多比较复杂等原因，界面缩小的能力几乎没有，而且字体大小找不到合适的缩放方法。还有就是采用设计师ui布局界面，当你需要更改界面，添加控件时就需要打破布局了，比较麻烦。 所以我又把又放在了绝对定位的界面上了，在代码上实现字体和控件的自适应。本人比较懒，比较喜欢短的代码，看见那些一个功能一大篇代码的就头疼。下面是借鉴的代码，很好理解，然后这个字体大小自适应是我自己写的，比较简洁。 //实现非布局界面的自适应屏幕 .
QT设置窗口随窗体变化（窗口文本框随窗体的伸缩）
LuDvei的博客
02-20 886
1）在窗体中创建一个 textBrowser，记录坐标及宽高 X-100 Y-130 宽-571 高-281，窗体宽高800*600；3）在.cpp文件中加入void Widget::resizeEvent(QResizeEvent *event)的处理函数。2）在.h头文件中插入void resizeEvent(QResizeEvent *event) override;
QT 界面和控件按某种关系比例增长
jzaicn的专栏
03-06 5381
今天某个客户超级坑爹居然要求里面显示图片的graphicView成4：3增长，但是现在屏幕都是按照宽屏的，即使比例按照16:9，也不科学。 怎么说都不听，坑爹，好吧，拉长之后会变成这样的 然后主界面要根据graphicView增长而改变，反正，布局不能有空隙。 实在无奈就实现出来了。效果图：  当然还是这样好看啦     原理： 根据变化，由高度，因为都是宽屏，
Qt - 窗口移动拉伸
佛系的小白
11-01 2745
欢迎转载，请注明出处：https://blog.csdn.net/qq_39453936?spm=1010.2135.3001.5343 原文链接： https://blog.csdn.net/qq_39453936/article/details/120784898 实现无边框窗口移动拉伸效果图 效果图
Qt去掉自带边框后实现窗口拉伸缩放
tormi21c的博客
05-20 5931
一.背景描述 在实际开发当中，很少会直接用Qt自带的边框，经常是去掉自带的边框，然后重新使用部件+图片来构建带有企业产品性质的边框。 去掉了Qt自带的边框后，随之也去掉了自带的窗口拉伸缩放功能，这就导致了在产品使用过程中失去了一定了灵活性。为此，需要我们重新实现该功能。 二.实现原理 从Qt原生边框中自带的拉伸缩放功能使用中，我们可以大概猜测到基本的实现原理，就是当鼠标靠近四边、四个角时，会对鼠标的形状进行改变，如果此时按下鼠标左键并进行拖动，那么就会...
实现控件跟随窗口大小变化自适应调整位置
love_0_love的博客
06-14 3828
需要实现子控件随着窗口大小调整居中，需要使用到Layout，主要有ColumnLayout、GridLayout、RowLayout和StackLayout。
QT界面怎么让控件跟随窗口大小变化
weixin_42258743的博客
09-29 3万+
环境：QT5 如果改变了窗口的大小，应该怎么做才能让窗口内部的控件可以随着窗口大小的改变，自身大小也能随之改变呢？ 让控件跟随窗口大小变换的方式 1.首先往窗口界面中拖入一个控件（任何控件都可以：Layout 、Button或Check Box）； 2.然后在窗口界面空白处右击右键→布局→栅格布局（G）（或者水平布局（H）、垂直布局（V）任选其一） 3.布局后界面如下。 注：一定要先拖入控件才能对本窗体进行布局。 4.测试结果如下： ...
QT界面怎么使控件随窗口大小变化一直居中显示-百度经验1
08-03
QT界面设计中，让控件随窗口大小变化一直居中显示是常见的需求，这涉及到QT中的布局管理（Layout Management）机制。QT是一个流行的跨平台应用开发框架，它提供了丰富的控件和灵活的布局管理功能，使得开发者能够...
Qt建立主窗口界面控制按钮调用两个独立ui界面
04-20
在Qt Creator中，我们可以使用Qtdesigner设计UI界面，然后通过uic（用户界面编译器）将UI文件转换为C++代码。 标题中的“主窗口界面”通常指的是`MainWindow`类，这是Qt提供的一种标准窗口类，包含了菜单栏、工具栏...
利用Qt Creator将Qt的ui界面程序封装成dll库的代码示例.rar
03-12
利用Qt Creator将Qt的ui界面程序封装成dll库的代码示例，内部均为相对路径，可利用Qt Creator直接独立运行Test.pro，注意要将Test目录下的dll库放在exe的同级目录下，详细内容可参考文章：
Qt拆分器实现 窗口拆分
07-12
在"Qt拆分器实现 窗口拆分"这个主题中，我们将深入探讨如何利用`QSplitter`来创建类似QtCreator编辑区域的效果，即实现窗口的水平和垂直分割。首先，你需要在项目中包含`QSplitter`头文件，并创建一个`QSplitter`...
Qt Creator：登录界面设计例程
02-13
这是一个基于Qt Creator 的登录界面设计，实现了用户名、密码输入，校验，存储。这只是一个简单的实例，需要的朋友可以参考。关于这部分代码的设计思路与代码详细讲解见博文：...
QT编写的界面自动适应显示器分辨率
最新发布
小柚子的博客
06-15 790
（注意： 需要加在QApplication实例化之前，否则无效。## QT编写的界面自动适应显示器分辨率。在main()函数中加入如下代码。
QT应用程序分辨率自适应---Qt
xiaopei_yan的博客
05-21 8216
转自：https://blog.csdn.net/matengxiao/article/details/52853332 一、应用程序分辨率自适应     为了满足应用程序能在不同尺寸及分辨率的屏幕下能够正常的运行显示，就需要对不同的分辨率进行自适应，而且应用程序分辨率自适应的问题在应用UI设计布局以及UI代码编写阶段进行设计规划，如在界面完成后期再考虑分辨率问题可能需要更大的工作量，并且...
QT界面让控件跟随窗口大小伸缩变化
热土程序园，利他愉己~
01-02 3412
如果改变了窗口的大小，应该怎么做才能让窗口内部的控件可以随着窗口大小的改变，自身大小也能随之改变呢？1.首先往窗口界面中拖入一个控件（任何控件都可以：Button或Check Box）；→栅格布局（G）（或者水平布局（H）、垂直布局（V）任选其一）注：一定要先拖入控件才能对本窗体进行布局。测试环境：QT5.12。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值