使用 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 应用来适配多样化的屏幕尺寸,但你的应用运行后是什么效果,就看你如何综合使用前面介绍的这些内容了……
本系列的其它文章:
分享到:
相关推荐
通过以上技术的综合运用,开发者可以创建出适应Android各种屏幕尺寸和分辨率的Qt应用。在设计过程中,始终关注用户体验,确保界面清晰易用,无论在小屏手机还是大屏平板上都能呈现优秀的视觉效果和交互体验。
在实际项目中,可能还需要考虑其他因素,比如保存和恢复界面状态、处理不同屏幕尺寸的适配等,这些都是开发过程中不容忽视的细节。记得在编码时遵循良好的编程实践,保证代码的可读性和可维护性。
此外,考虑到Android设备的特性,可能需要处理屏幕尺寸适配和触摸事件。Qt提供QResizeEvent和QTouchEvent来处理这些事件。使用QResizeEvent可以确保界面在不同尺寸的屏幕上正确布局,而QTouchEvent则可以捕捉用户的...
此外,考虑到移动设备的特性,设计应考虑触摸操作的便捷性,以及适应不同屏幕尺寸和分辨率的自适应布局。 业务逻辑层是软件的核心部分,它包含了伺服参数的设定逻辑和智能监测算法。例如,平台可能包含自动增益调整...
Scalable UI是指UI可以跨不同屏幕尺寸和宽高比进行扩展,而且Qt Quick的架构简单,易于移植到更强大的操作系统,如Linux和Android。 4. 现代UI控件:Qt提供了丰富的Qt Quick控件,可以提供类似智能手机的用户体验。...
4. **布局和样式**:为了适应不同的屏幕尺寸和主题,滑动开关的大小和样式可能需要动态调整。Qt的样式表(QSS)允许我们方便地改变控件的外观,例如设置边框、填充色等。 5. **封装类设计**:将上述功能整合到一个...
QT是一个跨平台的应用程序开发框架,支持多种操作系统,包括Windows、Linux、macOS和Android等。它提供了C++ API和QML两种主要的编程方式,其中QML特别适合构建图形用户界面。 要实现弹出右侧菜单的弹窗,我们需要...
2. **布局管理**:Qt提供多种布局(如QBoxLayout、QGridLayout、QFormLayout),用于自动调整控件的位置和大小,确保在不同屏幕尺寸下的应用具有良好的界面适应性。 3. **模型视图编程**:模型-视图-控制器(MVC)...
在Android开发中,图片的放大缩小功能是移动应用中常见的需求,尤其在图像查看器、照片编辑器等应用中更是必不可少。本节我们将详细探讨如何实现这个功能,主要涉及的知识点包括手势检测、图片矩阵变换以及视图更新...
9. 响应式设计:随着现代UI设计趋势的发展,自绘控件也需要适应不同屏幕尺寸和分辨率,实现响应式布局。 10. UI风格一致性:在使用自绘控件时,保持整个应用程序的UI风格一致很重要。这可能意味着你需要创建一套...
但为了适应不同屏幕分辨率和用户偏好,我们需要让对话框具有弹性,即对话框和其上的控件能随窗口大小改变而自动调整布局。这通常通过两种方式实现: 1. **控件的锚定(Docking)**:锚定允许我们将控件绑定到对话框...
在QQ这样的即时通讯软件中,这种功能尤为重要,因为它可以提供更佳的用户体验,适应不同尺寸的屏幕和不同的使用场景。接下来,我们将详细探讨QQ自动伸缩窗口的实现方法。 首先,实现QQ自动伸缩窗口的关键技术主要...
在不同的屏幕尺寸和设备方向下,抽屉的布局和行为可能需要进行适配。 6. **多平台支持**:虽然VC主要用于Windows开发,但如果你想让你的抽屉导航类也适用于其他平台,可能需要引入跨平台的库,如Qt或wxWidgets,...