Guía técnica de adaptación a pantalla completa de Huawei
1. Introducción en pantalla completa
1.1 Definición de pantalla completa
Pantalla normal: la relación de aspecto es 16: 9, como 1080 x 1920, 1440 x 2560, etc., y su relación es 1,78. Antes de la aparición de los teléfonos móviles de pantalla completa, la relación de aspecto máxima predeterminada (relación de aspecto máxima) en Android era 1,86 , que es compatible con la pantalla 16:9.
Pantalla completa: las pantallas con una relación de pantalla superior a 1,86, como: 17:9, 18:9, 19:9, 19,5:9, etc., son todas pantallas completas.
1.2 Modelos de pantalla completa
| modelo | relación de aspecto de la pantalla | relación_flotación |
| Mate10 pro | 18:9 | 2.0 |
| LG G6 | 18:9 | 2.0 |
| samsung galaxy s8 | 18.5:9 | 2.06 |
| Teléfono esencial | 19:10 | 1.9 |
| Mi mezcla | 17:9 | 1,89 |
| iPhone X | 19.5:9 | 2.17 |
2. Problema de pantalla completa
Cuando se aplica la pantalla completa, el intervalo de visualización suele ser el intervalo verde en la siguiente figura.
1. Cuando se muestra la barra de navegación, este intervalo es el intervalo de pantalla completo menos el intervalo de la barra de navegación, y cuando la barra de navegación está oculta, es el intervalo de pantalla completo. Según los requisitos de Google, si la aplicación no se adapta en consecuencia, la relación de aspecto debe estar entre 1,3333 y 1,86.
Mostrar barra de navegación en pantalla completa Eliminar barra de navegación en pantalla completa
2. Cuando la pantalla del dispositivo es lo suficientemente grande, como Huawei Mate10Pro y Samsung S8, la relación de aspecto del tamaño de visualización de la aplicación sigue siendo mayor que 1,86, excepto la barra de navegación. Para cumplir con los requisitos de Google CDD, la aplicación no puede se mostrará en pantalla completa como antes, y un borde negro.
3. Comparación de los efectos de visualización de pantalla completa y no completa de la aplicación:
Aplicación en pantalla no completa Aplicación en pantalla completa
3. Esquema de adaptación
En la actualidad, el 35% de las aplicaciones de terceros TOP1000 nacionales han seguido los consejos de Google y han completado la adaptación a pantalla completa. Algunas de estas aplicaciones pueden adaptarse a varias proporciones y algunas se pueden mostrar en pantalla completa en teléfonos móviles con una proporción de pantalla de 18,9:9 o inferior.
Sin embargo, con el lanzamiento del iPhoneX (relación de pantalla 19,5:9), la plataforma Android también tendrá una pantalla con una relación similar, y habrá una pantalla ultra ancha (relación de pantalla 21:9) en el futuro. Pueden haber problemas cuando la aplicación se muestra en una pantalla de proporción más grande. Por tanto, se recomienda que la aplicación adopte una solución más flexible, que pueda adaptarse una vez y evitar modificaciones repetidas.
3.1 Introducción a los esquemas de adaptación opcionales
Solución 1:
agregue atributos al archivo AndroidManifest.xml: <meta-data android:name="android.max_aspect" android:value="2.4" /> Se
recomienda utilizar metadatos para la adaptación de la aplicación. Para más detalles, por favor consulte: https://developer.android.com/guide/practices/screens-distribution.html#MaxAspectRatio
Solución 2:
agregue android:resizeableActivity="true"
Esta configuración solo es efectiva para la actividad y la actividad también admitirá la visualización en pantalla dividida si se agrega este atributo.
Solución 3:
modifique el archivo AndroidManifest.xml, configure targetSdkVersion>=26, es decir, la aplicación se actualiza a la versión O, no es necesario configurar otros atributos y se puede mostrar en pantalla completa de forma predeterminada en cualquier pantalla con relación de aspecto. . (Observaciones: hay una excepción que debe tenerse en cuenta. Si la aplicación se ha adaptado a la versión O y la relación de aspecto máxima admitida por la página se establece a través del atributo de metadatos android.max_aspect o el atributo android:MaxAspectRatio , y android:resizeableActivity= "false" establece que la página no admite pantalla dividida. En este momento, el sistema determinará si la página se puede mostrar en pantalla completa de acuerdo con la relación de aspecto máxima establecida por la propia aplicación. Si la relación de aspecto máxima establecida por la aplicación es menor que la relación de pantalla del teléfono móvil, la aplicación aún no se puede mostrar en pantalla completa).
3.2 La solución sugerida por Huawei
Huawei recomienda la solución preferida 3, que es actualizar el nivel API de la aplicación a la versión O (targetSdkVersion>=26), para que la aplicación pueda mostrarse de forma adaptativa en pantalla completa en diferentes proporciones de pantalla. Sin embargo, esta solución también tiene requisitos relativamente altos para el diseño de la interfaz: es necesario garantizar que la interfaz se pueda mostrar normalmente cuando se estira en diferentes proporciones (16:9, 18:9, 18,9:9, 19,5:9, 21:9). ). Al mismo tiempo, el nivel de API se actualiza a la versión O, se actualizan algunas funciones de API de las que depende la aplicación y se requiere procesamiento de compatibilidad.
Si el costo de adoptar el esquema 3 es demasiado alto, se recomienda adoptar el esquema 1 y establecer la relación de aspecto máxima admitida en 2,4. De esta forma, puede ser compatible con productos de pantalla ultra ancha y adaptarse al mismo tiempo.
4. Adaptación de la interfaz de usuario
Al agregar la configuración mencionada en el esquema de adaptación anterior, la aplicación se puede mostrar en pantalla completa de forma predeterminada en un teléfono móvil de pantalla completa. Sin embargo, para evitar anomalías en la interfaz de usuario, la aplicación aún necesita realizar algunos trabajos adicionales de adaptación de la interfaz de usuario:
1. Para aplicaciones en forma de listas, como: WeChat, Netease News, etc., solo muestra más contenido, lo que básicamente no tiene ningún efecto.
2. Para aplicaciones de pantalla completa, para garantizar la adaptación de múltiples pantallas, la aplicación debe seguir las sugerencias de adaptación de Google. Puede consultar el capítulo de mejores prácticas en la página del sitio web oficial de Google para modificaciones y adaptaciones.
3. Cuando utilice la imagen completa como fondo, preste atención al método de llenado de la imagen; de lo contrario, es posible que no pueda llenar toda la pantalla. Por ejemplo, si usa ImageView como fondo, se recomienda establecer su tipo de escala en CENTER_CROP, lo que significa: aumentar el tamaño de la imagen y mostrarla en el centro, de modo que la longitud (ancho) de la imagen sea igual. igual o mayor que la longitud (ancho) de la Vista.
5. Método de verificación
5.1 Depuración remota
5.1.1 Registro de nuevo usuario
Si un nuevo usuario necesita solicitar la función de prueba en la nube de Huawei Terminal Open Lab, debe unirse a Android Green Alliance y convertirse en miembro. Luego postúlate siguiendo estos pasos:
1. Inicie sesión en la plataforma DevEco .
2. Utilice la dirección de correo electrónico con el sufijo de su empresa para registrarse y obtener una cuenta.
3. Envíe su número de cuenta recién solicitado, empresa, nombre personal y número de teléfono, y el nombre de la aplicación responsable a [email protected] para solicitar convertirse en miembro de Android Green Alliance. Después de pasar la revisión, será concedido permiso para utilizarlo.
5.1.2 Depuración remota
1. Inicie sesión con la cuenta registrada.
2. Elija un teléfono de pantalla completa: relación de aspecto de pantalla nova 3e: 2.11.
3. Haga clic en "Experimentar ahora" para cargar el APK para depurarlo.
5.2 Verificación de simulación
Si no tiene un teléfono real con una pantalla de proporción correspondiente, puede usar otros teléfonos móviles que no sean de pantalla completa o teléfonos móviles de pantalla completa para la verificación de simulación. Conéctese al teléfono móvil a través de adb y ejecute el siguiente comando para configurar la relación de visualización de la pantalla es 19,5:9 para verificar el efecto de adaptación:
adb shell wm size 360dpx780dp
Para restaurar la pantalla, ejecute el siguiente comando:
adb shell wm size reset
