Red de conocimiento informático - Conocimiento informático - Especificaciones de tamaño del diseño de la interfaz de usuario del teléfono móvil Android

Especificaciones de tamaño del diseño de la interfaz de usuario del teléfono móvil Android

Como todos sabemos, el sistema Android es de código abierto y existen muchos fabricantes de teléfonos móviles en China, como Xiaomi, Meizu, Huawei, Oppo, Samsung, etc. Cada marca tiene su propio diseño de interfaz de usuario. especificaciones, pero analizamos principalmente las especificaciones de tamaño de la interfaz UI.

1. Fuentes

La versión china del sistema Android usa Siyuan Heibo y la fuente en inglés es robot font.

Utilice únicamente tamaños de fuente de unidades pares, como 24 pt, 28 pt, 36 pt, etc.

2. y px significan?

Antes de hablar de íconos, primero analicemos el significado de una fila de palabras en inglés:

mdpi, hdpi, xhdpi, xxhdpi y xxxhdpi representan la densidad de la pantalla. mayor será la densidad de la pantalla. Los más utilizados son xxhdpi y xxxhdpi.

dp es una unidad de longitud específica del sistema Android, lo que significa píxeles independientes del dispositivo. Diferentes dispositivos tienen diferentes efectos de visualización, que están relacionados con el hardware del dispositivo. Se usa principalmente para íconos y sp (píxel ampliado) se usa para texto. Se usa principalmente para mostrar fuentes mejor para el tamaño del texto.

px significa píxel y el efecto de visualización es el mismo en diferentes dispositivos.

De izquierda a derecha: ① Altura de la barra de la aplicación: 56 dp; el relleno izquierdo y derecho de la barra de la aplicación es de 16 dp; el relleno izquierdo superior e inferior del icono de la barra de la aplicación es de 72 dp; margen inferior del título de la barra de la aplicación: 20 dp;

② la altura de la barra de la aplicación es 128 dp; la altura de la barra de acción es 56 dp; la altura de la barra de título es 80 dp; altura del área: 72 dp; descripción del área de relleno inferior: 16 dp.

5. Altura de la lista

El borde vertical, el margen horizontal y los márgenes izquierdo y derecho del borde son cada uno de 16 dp; el contenido con íconos o avatares tiene un margen izquierdo de 72 dp.

Margen vertical

①Barra de estado: 24dp; ②Barra de herramientas: 56dp; ③Subtítulo: 48dp;