领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

Qt for Android屏幕适配方法

nixiaole 2025-01-02 18:13:52 知识剖析 21 ℃

在阅读本文之前,读者可以先了解一下我之前发布的一篇有关像素密度计算的文章《Qt for Android屏幕DPI计算方法》。

在前面的文章中描述了计算手机DPI的方法,这里需要提醒大家的是,即使通过设备的像素密度值,选取了正确的图片资源文件夹,在QML移动开发中,也还是需要对图片大小做一个换算处理。请看下面代码片段:

import QtQuick 2.12

import QtQuick.Controls 2.0

import QtQuick.Layouts 1.12

import QtQuick.Controls.Styles 1.4

import QtQuick.Window 2.2

...

Image {

        id: backgoundImage

        anchors.fill: parent

        width: sourceSize.width/Screen.devicePixelRatio

        height: sourceSize.height/Screen.devicePixelRatio

        source: "qrc:/img-res/"+appEngine.resourceFolder()+"/signin_bg.png"

    }

...

sourceSize.width得到的是图片的像素宽度,用它除以设备像素比值(请看我前面发表的文章),得到设备无关像素值。为什么需要这样做呢?在QML for Android开发中,对象的宽度和高度的单位不是像素,而是设备无关像素值(强调:这里指移动开发,而不是桌面开发)。可以这样证明:在1080x1920像素分辨率的手机上,如果读者在QML代码中创建一个矩形或者图片对象,并把它的宽高分别设置为1080和1920,可以发现这个矩形或者图片的右边和下边,远远的显示到了屏幕的外面,而通过下面代码得到的宽高,才是真正刚好铺满屏幕的宽高,这个宽高是与设备无关的:

QRect screenRect = QGuiApplication::primaryScreen()->geometry();

int screenW = screenRect.width();

int screenH = screenRect.height();

appEngine.resourceFolder()这是从C++代码中获取的图片资源文件夹名称,把它拼接在QML代码中的图片资源路径中,它是通过DPI而决定的,请看下面代码:

void Engine::uiInit()

{

    int dpi = this->getScreenDPI();

    qDebug()<<__LINE__<<__FUNCTION__<<"this->getScreenDPI() = "<<dpi;

    if(80 <= dpi && dpi < 120)

        m_resourceFolder = "ldpi";

    else if(120 <= dpi && dpi < 160)

        m_resourceFolder = "mdpi";

    else if(160 <= dpi && dpi < 240)

        m_resourceFolder = "hdpi";

    else if(240 <= dpi && dpi < 320)

        m_resourceFolder = "xhdpi";

    else if(320 <= dpi && dpi < 480)

        m_resourceFolder = "xxhdpi";

    else if(480 <= dpi && dpi < 640)

        m_resourceFolder = "xxxhdpi";

    qDebug()<<__LINE__<<__FUNCTION__<<"m_resourceFolder = "<<m_resourceFolder;

}

QString Engine::resourceFolder()

{

    return m_resourceFolder;

}

不同DPI设备的图片资源保存方法:

最近发表
标签列表