Definición del tamaño

Diseña widgets Android adaptables que se escalen sin problemas. Usa nuestros tamaños predeterminados recomendados como punto de partida y prueba tus diseños en diferentes dimensiones para garantizar una legibilidad y una experiencia del usuario óptimas.

Tamaños predeterminados

Optimiza tu diseño para, al menos, uno de nuestros tamaños recomendados a fin de entregar una experiencia de widget mejorada. Asegura la posición y visibilidad correctas en el selector de widgets. Para ello, define los atributos targetCellWidth y targetCellHeight para dispositivos de mano y tablets.

Estos valores se basan en dispositivos Pixel. Usa estos tamaños como punto de partida para el diseño de tu widget. Prueba tu widget en detalle en diferentes tamaños y en varios dispositivos para garantizar una experiencia del usuario de calidad.

Dispositivo manual

Tamaños Ancho mín. Ancho máximo Altura mín. Altura máxima
2 × 1 109 306 44 130
2 × 2 109 306 115 276
2 × 3 109 306 185 422
4 × 1 245 624 44 130
4 × 2 245 624 115 276
4:3 245 624 185 422

Tablets

Tamaños Ancho mín. Ancho máximo Altura mín. Altura máxima
2 × 1 180 304 64 120
2 × 2 180 304 184 304
2 × 3 180 304 304 488
3 × 1 328 488 64 120
3 × 2 298 488 184 304
3 × 3 298 488 424 672
3 × 4 456 672 344 488

Puntos de interrupción

Los puntos de interrupción son esenciales para crear widgets adaptables y fáciles de usar, que pueden cambiar de tamaño. Cuando pruebas tu diseño, puedes detectar los umbrales de tamaño en los que se necesitan ajustes de diseño. Implementa puntos de interrupción para activar estos cambios y asegúrate de que el widget mantenga el atractivo visual y la funcionalidad en cualquier tamaño.

Los puntos de interrupción también ofrecen la flexibilidad de incluir o excluir de manera condicional contenido complementario, lo que optimiza el uso del espacio según las dimensiones del widget.

Figura 1: Uso de puntos de interrupción para realizar cambios de diseño en diferentes tamaños.

Rellena los límites

Una de las razones principales por las que los usuarios quitan widgets es la desalineación con otros elementos de la pantalla principal Para evitarlo, asegúrate de que el widget siempre rellene completamente el espacio de la cuadrícula asignado.

Qué debes hacer

Asegúrate de que el contenedor se extienda de borde a borde en todos los tamaños.

Lo que no debes hacer

Agrega padding personalizado. Tu widget debe ir de borde a borde sin problemas.

Qué debes hacer

Asegúrate de que la forma no rectangular toque la cuadrícula en el eje vertical u horizontal para lograr coherencia visual.

Lo que no debes hacer

Usa formas cuadradas fijas. En su lugar, usa contenedores rectangulares responsivos que se adapten a varias dimensiones de cuadrícula.