Qt cross platform UI scaling ( Android / Windows / Linux )

Sé que Qt tiene otros métodos para disfrutar de una escala apropiada en cualquier plataforma, pero es bastante común el trabajar sobre un proyecto en el cual no puedes hacer uso de esos métodos y necesitas al final usar un factor común de escala para todos los elementos.

Tras mucho investigar y hacer pruebas empíricas he conseguido tener un factor de escala que realmente funcione en todas las plataformas ( he probado en Android, Windows y linux ) resultando en un mismo aspecto en cualquier dispositivo sin importar de su resolución o densidad. 

 Aquí os cuento como hacerlo.

  1.- El primer paso es obtener los dpi en los que el dispositivo está funcionando realmente 
- Android -
// Android tiene density baseline de 160dpi ( mdpi ) 

 QAndroidJniObject qtActivity = QAndroidJniObject::callStaticObjectMethod("org/qtproject/qt5/android/QtNative", "activity", "()Landroid/app/Activity;"); 
QAndroidJniObject resources = qtActivity.callObjectMethod("getResources", "()Landroid/content/res/Resources;"); 
QAndroidJniObject displayMetrics = resources.callObjectMethod("getDisplayMetrics", "()Landroid/util/DisplayMetrics;"); 
qreal realDpi = displayMetrics.getField("densityDpi"); 

 - Windows -
// Windows tiene density baseline de 96dpi y sobre el aplica el zoom; ( ¿Por qué 96dpi? ) 

 QScreen *screen = app.screens().at(0); 
qreal realDpi = screen->logicalDotsPerInch() * app.devicePixelRatio(); 

 - Linux -
// En las versiones actuales de linux sobre Xorg, el density baseline es también 96dpi como Windows; por lo que no podemos hacer uso de logicalDotsPerInch ( es siempre 96 ), asi que debemos sacar los dpi reales aplicando el ratio sobre la diferencia de la realidad usando como base los 96dpi 

 QScreen *screen = app.screens().at(0); 
qreal ratio = 96/screen->physicalDotsPerInch(); 
qreal realDpi = 96*ratio; 

 2.- Una vez tenemos los DPI reales del dispositivo, calculamos el factor de escala.
// Yo lo estoy haciendo en Qml, pero podría calcularse en C++ sin problema y pasar directamente el factor de escala; lo tengo hecho así por particularidades de implementación 

 if (Qt.platform.os === 'android') 
{ 
    scaleFactor = realDpi / 160; 
}else{ 
    scaleFactor = realDpi / 96; 
} 

 3.- Usar el factor de escala con todas las dimensiones de nuestros componentes Qml.
Item { 
    id: sampleitem width: 300 * app.scaleFactor; height: 300 * app.scaleFactor 
        ... 
}

 Happy coding.

Comentarios

Publicar un comentario

Entradas populares de este blog

El juego del impávido.

Se cuenta que en la lujuriosa Francia del siglo XVIII, algunos anfitriones obsequiaban a sus invitados con el divertido juego de “El Impávido”. Este consistía en sentar a los caballeros, desprovistos de pantalones y calzón, en torno a una gran mesa redonda con largos faldones que llegaban hasta el suelo. La esposa del anfitrión se introducía debajo de la mesa, y elegía aleatoriamente a uno de los sedentes, introduciéndose entre sus piernas, por debajo del faldón, y procediendo a practicarle una fellatio. De este modo, y sucesivamente, la dama iba probando todos y cada uno de los penes de los invitados sin ser vista desde la parte superior de la mesa. El objeto del juego, era adivinar quien estaba siendo en cada momento objeto de la succión, basándose únicamente en el rostro de los participantes, que, como el propio nombre del juego indica, habían de permanecer “impávidos” para ocultar su condición de “felados”. Cuando alguien creía descubrir que otro jugador estaba siendo objeto de
Leer más

HowTo Cambiar campo "Archivar como" para que se asemejer a "Nombre completo"

Bien, el problema surgió con mi primer smartphone, resulta que cuando sincroniza con activesync coje por defecto el campo "Archivar como" de outlook para el nombre de los contactos. Ésto para mi era un problema puesto que estaba acostumbrado al orden en mi anterior teléfono que los ordenaba por nombre completo por lo cual estaban confeccionados para ello y con ésto me salían cosas tan feas como "Fress, Lorena" en mis contactos. La solución existente es entrar uno a uno en todos los contactos e ir cambiando ésto para que aparezca Nombre Apellido en vez de Apellido, Nombre. Ni que decir tiene que esto es un engorro o una soberana putada, pues bien mi solución a ésto ha sido una macro en VBscript que os enseño ahora mismo. - Para el que nunca lo haya hecho, con la carpeta contactos como actual se va uno a "Herramientas>Macro>Editor de Visual Basic. - Agregas un nuevo módulo. - Pegas el siguiente código. Sub reordenarContactos() Dim items As items, item A
Leer más

VS2008 C# Centrar un formulario en pantalla.

Seguro que os toca las narices como a mi que cuando arrancais vuestra flamante app se carguen los formularios por la parte de la pantalla que le sale de ahí, pues bien, para que salga centrado en la pantalla hacéis lo siguiente: En el evento Load del form que queráis centrar en pantalla: this.Top = (Screen.PrimaryScreen.WorkingArea.Height - this.Height) / 2; this.Left = (Screen.PrimaryScreen.WorkingArea.Width - this.Width) / 2;
Leer más