Qt on Android:怎样适应不同的屏幕尺寸

使用 Qt 开发的 Android 应用,怎样适应 Android 智能手机各种各样的屏幕尺寸?

说到屏幕尺寸,从 2.8 吋到 8.9 吋的手机屏幕都有,这对程序猿们来讲痛苦可不只一点。 Android 项目本身已经考虑了这个问题,资源文件,比如图标,都有 ldpi / mdpi / hdpi / xhdpi 等等版本, Android 框架会根据屏幕大小自动选择相应的图标,这样在不同尺寸的屏幕上,应用看起来就差不多了。

那 Qt 应用呢?其实不大用得上 Android 的这种机制(惟有 App Icon 可以搭便车),一切都得自己处理了。那怎么处理呢?

首先要理解 DPI ,然后是字体大小。

DPI 与字体大小

DPI , dot per inch ,即每英寸包含的点数。还有一个概念是 PPI ,即每英寸包含的像素数。一般我们用 DPI 就够了,对于专业人士处理超高 DPI 的场景,使用 PPI 可能更精确一些。在 Qt 中,只有 DPI ,所以我们单说它吧。

这个值越大,像素密度越大,小尺寸的屏幕就可以有大分辨率。比如有的 Android 手机, 3.7 吋屏幕就能提供 960x540 的分辨率,而有的手机, 5 吋屏幕却提供 800x480 的分辨率。这两种不同屏幕的尺寸和分辨率的手机,5 吋屏看起来会有颗粒感,而 3.7 吋看起来则非常细腻。这就是像素密度带来的差别。

有的屏幕,横向的 DPI 和纵向的 DPI 不一样,即像素点不是正方形,这就更复杂了……

我们在写应用时,理想的情况是:应当根据 DPI + 屏幕分辨率来设置界面元素的大小。

QScreen 类

在 Qt 中, QScreen 类可以获取到 DPI 相关的信息。

QScreen 的 physicalDotsPerInch / physicalDotsPerInchX / physicalDotsPerInchY 这一组属性表示物理 DPI 。  logicalDotsPerInch / logicalDotsPerInchX / logicalDotsPerInchY 这一组属性表示逻辑 DPI , Qt 使用它来计算字体大小,我们可以用它将字体的 pointSize 转换为 pixelSize 。下面咱们就来说它。

logicalDotsPerInch 是一个 X 、 Y 的简单平均值,多数情况下就够用了,当然如果你有极致追求,请问道于 logicalDotsPerInchX 和 logicalDotsPerInchY 。

QFont 类

QFont 代表字体,字体的大小有两种表示方式: pixelSize 和 pointSize 。即像素大小和点阵大小。如果你使用像素大小来表示字体,那字体将不受 DPI 的影响,在电脑上你可以调整显示器的 DPI 来观察界面的变化。但这不适用于移动场景中适配多样化屏幕尺寸的要求。在针对 Android 设备开发时,我们应当使用字体的 pointSize ,这也是 Qt 应用的默认处理方式。

废话了不是,默认就是 pointSize ,还啰嗦个甚!

非也非也!且往下看。

Qt 中的控件

Qt 中有 QLabel / QPushButton / QListWidget / QTabelWidget 等等可以在 Android 设备上使用的控件,它们可以用来显示文本。你找来一堆不同尺寸屏幕的手机,使用 QFont 的 setPointSize() 方法调整一下字体的点阵大小,权衡一下效果,就可以决定你的应用的字体尺寸如何设置了。

但还有非文本的场景,比如你是图片按钮,那怎么办呢?

我的答案是:根据字体的点阵大小计算出像素大小,然后拿这个来调整非文本控件的大小。这样子界面上的文本元素和图片等非文本元素才可以匹配起来。

从 pointSize 到 pixelSize 的计算公式: pixelSize = DPI * pointSize/72 。

Qt 应用如何使用 DPI

看一个代码片段:

int main(int argc, char **argv)
{
    QApplication a(argc, argv);
    ...
    QScreen *screen = a.primaryScreen();
    QFont f = a.font();
    int pixelSize = (f.pointSize() * screen->logicalDotsPerInch()) / 72;
    /*
    f.setPointSize(25);
    a.setFont(f);
    int newPixelSize = (f.pointSize() * screen->logicalDotsPerInch()) / 72;
    */
    ...
}

其实很简单,只要设置了 QApplication 的 字体,你应用的所有界面元素的字体大小都会变。如果你想单独设置某个 Widget 的字体,可以针对它调用 setFont() 方法。

上面的代码还演示了从 pointSize 到 pixelSize 的换算,一旦你得到了合适的 pixelSize ,就可以以它为基础来设置非文本界面元素的尺寸。

Qt 获取屏幕分辨率

前面我们说最好结合分辨率和 DPI ,一起来调整界面元素。 DPI 的使用已经简单介绍过了,剩分辨率了。

QScreen 类的 size 属性可以返回屏幕的像素尺寸, availableSize 可以返回应用能够使用的尺寸。两者的区别是, availableSize 移除了窗口管理器占用的尺寸(在电脑上就是任务栏, Android 手机上是状态栏之类的区域)。

下面是一个简单的示例代码:

#ifdef ANDROID
    QSize iconSize(32, 32);
    ...
    QScreen *screen = qApp->primaryScreen();
    QFont f = qApp->font();
    int pixelSize = (f.pointSize() * screen->logicalDotsPerInch()) / 72;
    QSize screenSize = screen->size();
    if(screenSize.width() > 960 || screenSize.height() > 960)
    {
        iconSize *= ((qreal)pixelSize) / 20;
    }
#endif

我们知道该如何设置 Qt on Android 应用来适配多样化的屏幕尺寸,但你的应用运行后是什么效果,就看你如何综合使用前面介绍的这些内容了……

本系列的其它文章:

Qt on Android:怎样适应不同的屏幕尺寸

时间: 2024-07-29 06:02:18

Qt on Android:怎样适应不同的屏幕尺寸的相关文章

android获取自定义控件位置坐标,屏幕尺寸,标题栏,状态栏高度

android获取自定义控件位置坐标,屏幕尺寸,标题栏,状态栏高度 1.获取自定义控件height 在本Activity中获取当前Activity中控件的height: Button button = (Button)findViewById(R.id.button); int buttonHeight = button.getHeight(); 在Activity中获取其他xml文件中控件的height: LayoutInflater factorys = LayoutInflater.fro

Android分享笔记(1) 获取屏幕尺寸,包括状态栏

一大波干货来袭,屏幕尺寸各种获得,状态栏尺寸可正确获得,亲测. package com.elyar.app.util.measure; import java.lang.reflect.Field; import android.app.Activity; import android.util.DisplayMetrics; public class DisplayMeasure {  /**   * Note:个人经验不服来辩<br>   * 只有activity可以使用getWindow

Supporting Multiple Screens(支持Android各种屏幕尺寸)

原文链接 本文翻译自Supporting Multiple Screens. 目前我这篇翻译应该是最全,最完整的官方文档翻译,转载我的翻译请联系本人,标明出处. Supporting Multiple Screens Android runs on a variety of devices that offer different screen sizes and densities. For applications, the Android system provides a consist

Android官方开发文档Training系列课程中文版:多样屏幕之支持不同的屏幕尺寸

原文地址:http://android.xsoftlab.net/training/multiscreen/index.html 引言 Android运行于数以百计不同尺寸的设备上.范围小到手持移动电话,大到电视设备.因此,在设计APP时应当兼顾到尽可能多的屏幕尺寸.这样才能照顾到较多的潜在用户. 但是仅仅考虑不同的设备类型还不够.每一种尺寸为用户提供了不同的可能性与挑战,所以为了使用户感到满意,应用程序需要做的不单单是支持多样的屏幕:它还必须对每种屏幕结构将用户体验优化到最佳. 这节课将会学习

创办支持多种屏幕尺寸的Android应用

创建支持多种屏幕尺寸的Android应用 Android涉及各种各样的支持不同屏幕尺寸和密度的设备.对于应用程序,Android系统通过设备和句柄提供了统一的开发环境,大部分工作是校正每一个应用程序的用户界面到它显示的屏上.与此同时,系统提供APIs允许你控制应用界面为特定的屏幕尺寸和密度,为不同屏幕的配置提供最优化的用户界面设计.例如,你可能会要一个平板电脑的用户界面,这不同于手机的用户界面. 虽然系统能缩放,调整其尺寸,以使应用软件工作在不同屏上,但是应该尽量优化应用软件适应不同的屏幕尺寸和

Android 浅谈 设计与屏幕适配

extends: http://www.ui.cn/detail/45435.html http://www.2cto.com/kf/201501/372699.html http://www.cnblogs.com/bluestorm/p/3640786.html http://www.shejidaren.com/android%E7%B3%BB%E7%BB%9F%E5%AD%97%E4%BD%93%E8%A7%84%E8%8C%83%E4%B8%8E%E5%BA%94%E7%94%A8%E

Qt for Android 程序禁止屏幕旋转

有时候我们希望让一个程序的界面始终保持在一个方向,不随手机(平板)方向旋转而变化:在AndroidManifest.xml的每一个需要禁止转向的Activity配置中加入 android:screenOrientation=”landscape” 属性. landscape = 横向 portrait = 纵向 原创文章,转载请注明: 转载自 http://www.mr-wu.cn/ 吴川斌的博客 本文链接地址: Qt for Android 程序禁止屏幕旋转 http://www.mr-wu.

【Qt for Android】第一个安卓程序

1)首先需要去官网上下载 Qt for android 版本的 Qt SDK 2)下载 android 相关的 SDK,下载地址不用找了,在Qt Creator工具选项的Android配置中有相应的下载链接地址. 3)下载完安卓SDK后,在上面的配置界面中指定相应SDK的目录,然后在"Build & Run"中新增Android的Kits 4)编写Qt代码后,点击"Run"即可,在弹出的Android设备列表中,选择程序要安装运行的Android设备.(下图

Qt for Android 开发大坑

Qt for Android 开发大坑 作者: qyvlik Qt 5.5.1 这里说一说比较常见的 Qt 开发安卓的大坑.希望同学们不要做无谓的挣扎,跳过这些坑. 输入框 首当其冲的是输入框,Qt 的输入在安卓上表现不佳. 无法支持安卓原生的输入法访问 Qt 的输入框,就是安卓输入法无法复制,粘贴,剪切 Qt 输入框中的文本. 无法支持使用触摸的方式选中 Qt 输入框中的文字. 如果输入框的位置处于应用底部,类似于 IM 那种聊天工具,应当注意. a. 如果应用 Activity 设置为 an