当前位置: 首页 > article >正文

【Qt】根据界面所在显示器自适应调整ui大小

根据界面所在显示器自适应调整ui大小

获取屏幕信息

使用QDesktopWidget、QApplication::screens()等获取屏幕宽高、DPI等信息,详见上一篇概述。

设置界面元素的大小类型

我们需要将窗口、布局和控件的大小类型(size type)设置为相对单位,如:

  • 设置窗口的尺寸策略为Qt::SizePolicy::Expanding
  • 使用setBaseSize() + setSizeIncrement() 使窗口大小可根据屏幕比例增长
  • 使用 percentages 而不是像素为布局和控件设置大小
  • 使用em/pt等相对单位代替硬编码的像素值
    例如:
window->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding); 
window->setBaseSize(500, 400);
window->setSizeIncrement(0.2, 0.2); // 窗口大小每次增加20%

layout->setContentsMargins(20%, 10%, 10%, 10%);
label->setMinimumSize(3em, 1em);

根据DPI和屏幕比例调整界面元素大小

我们可以根据screens()遍历所有屏幕,并根据每个屏幕的DPI和宽高比例相应调整窗口、布局和控件大小。
例如:

QList<QScreen*> screens = QApplication::screens();
for (QScreen* screen : screens) {
    qreal dpi = screen->logicalDotsPerInch();
    qreal ratio = (qreal)screen->geometry().height() / screen->geometry().width();
    
    // 根据DPI和ratio调整窗口大小
    int baseWidth = 500 * dpi / 96;     // 96 is Qt's default logical DPI 
    int baseHeight = baseWidth * ratio;
    window->setBaseSize(baseWidth, baseHeight);
    
    // 根据DPI调整padding
    int padding = 20 * dpi / 96;
    layout->setContentsMargins(padding, ...);  
    
    // ...
}

根据屏幕变化动态更新界面

我们需要监听屏幕变化的信号,如:

- QDesktopWidget::screenCountChanged()
- QScreen::geometryChanged()
- QScreen::logicalDotsPerInchChanged()
并在相应的槽函数中重新根据当前屏幕信息调整界面大小。
例如:
cpp
void onScreenCountChanged() {
    // 获取当前屏幕信息,重新调整窗口大小
    // ...  
}

void onScreenGeomtryChanged(QScreen *screen) {
    // 获取screen的新信息,根据比例/DPI重新调整界面 
    // ... 
} 

// 连接信号槽   
connect(QApplication::desktop(), &QDesktopWidget::screenCountChanged, 
        this, &Window::onScreenCountChanged);
for (QScreen* screen : QApplication::screens()) {
    connect(screen, &QScreen::geometryChanged, 
            this, &Window::onScreenGeomtryChanged);  
} 

所以,总结来说,要实现根据屏幕信息动态调整界面大小,主要需要:

  1. 获取屏幕信息(DPI、宽高比等)
  2. 将界面元素大小设置为相对单位
  3. 根据屏幕信息计算并设置界面元素的基本大小
  4. 监听屏幕变化信号,动态更新界面
  5. 如果有多个屏幕,需要对每个屏幕进行上述步骤
    理解这一屏幕适配过程和各项技术的应用,可以让我们的应用程序具备很好的跨设备兼容性,为用户提供更好的视觉体验。动态调整界面大小也是响应式布局的重要内容之一,是当前UI开发者应掌握的一个很有用的技能。
    希望这个概述能帮助您进一步理解屏幕适配的实现方法。如果您有任何其他相关问题,欢迎在下方提出! (已编辑)

http://www.kler.cn/a/15628.html

相关文章:

  • django解决跨域问题
  • 平台整合是网络安全成功的关键
  • 使用Axios函数库进行网络请求的使用指南
  • Kafka新节点加入集群操作指南
  • 联通大数据面试题及参考答案
  • 查询DBA_FREE_SPACE缓慢问题
  • 省钱!NewBing硬核新玩法;手把手教你训练AI模特;用AI替代同事的指南;B站最易上手AI绘画教程 | ShowMeAI日报
  • Raft 共识算法4-选举限制
  • 【JavaEE初阶】多线程(四)阻塞队列 定时器 线程池
  • async函数学习总结
  • Navicat和Dbeaver有什么区别
  • Java --- springboot2的静态资源配置原理
  • 轻量级「行泊一体」爆发前夜!这家智驾Tier1正加码抢占市场
  • VC++运行时库整理
  • Word转PDF:简单步骤,轻松完成!推荐两个实现的方法
  • 为什么重写equals时必须重写hashCode()
  • 【容器化应用程序设计和开发】2.2 Dockerfile 的编写和最佳实践
  • ChatGPT会一直火热下去吗?他会是下一个AR,区块链吗?
  • WRF模式应用:天气预报、模拟分析观测气温、降水、风场、水汽和湿度、土地利用变化、土壤及近地层能量水分通量、土壤、水体、植被等相关气象变量
  • 分治算法(Divide and Conquer)
  • Winform从入门到精通(34)—SaveFileDialog(史上最全)
  • 10.Yarn概述
  • ESP32 ESP-Rainmaker 本地点灯控制Demo测试
  • leetcode19_删除链表的倒数第 N 个结点
  • 【unity】C#协程IEnumerator的使用(上)
  • 【Leetcode每日一刷】动态规划:931. 下降路径最小和