Diseña widgets de Android adaptables que se escalen sin problemas. Usa nuestra tamaños predeterminados como punto de partida y probar tus diseños en diferentes dimensiones para garantizar una legibilidad y una experiencia del usuario óptimas.
Tamaños predeterminados
Ofrece una experiencia de widget mejorada optimizando el diseño para al menos uno
de nuestros tamaños recomendados. Asegúrate de que la posición y la visibilidad del widget sean correctas
selector definiendo los atributos targetCellWidth
y targetCellHeight
para ambos
dispositivos portátiles y tablets.
Estos valores se basan en los dispositivos Pixel. Use estos tamaños como punto de partida. para el diseño de widgets. Prueba minuciosamente tu widget 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ínima | 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 |
Tablet
Tamaños | Ancho mín. | Ancho máximo | Altura mínima | 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 | 304 | 488 |
3 × 4 | 298 | 488 | 424 | 672 |
Puntos de interrupción
Los puntos de interrupción son esenciales para crear cambios de tamaño adaptables y fáciles de usar. widgets. Al probar tu diseño, puedes identificar los umbrales de tamaño ajustes son necesarios. Implementar puntos de interrupción para activar estos cambios asegurándote 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 forma condicional contenido complementario, lo que optimiza el uso del espacio según la configuración dimensiones.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=5&hl=es)
Cumple los límites
Una de las razones principales por las que los usuarios eliminan widgets es debido al desajuste con otros elementos de la pantalla de inicio. Para evitar esto, asegúrate de que el widget siempre llene su espacio de cuadrícula asignado por completo.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=5&hl=es)
Qué debes hacer
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=5&hl=es)
Qué no debes hacer
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=5&hl=es)
Qué debes hacer
![](https://developer.android.com/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=5&hl=es)