Definición del tamaño

Diseña widgets de Android adaptables que se ajusten a diferentes tamaños de pantalla y cuadrículas. Prueba tus diseños para asegurarte de que los usuarios puedan leer y usar tu widget en cualquier tamaño.

Tamaños predeterminados

Optimiza tu diseño para varias clases de tamaño o puntos de interrupción para admitir widgets que se puedan cambiar de tamaño. Debido a que los tamaños de las celdas varían según el dispositivo y la orientación de la pantalla, diseña widgets adaptables en lugar de widgets de tamaño fijo.

Define los atributos targetCellWidth y targetCellHeight para dispositivos portátiles y tablets, de modo que el selector de widgets coloque y muestre tu widget con precisión. Para conocer los intervalos de celdas y las dimensiones mínimas de dp, consulta Determina un tamaño para tu widget.

Puntos de interrupción

Los puntos de interrupción son esenciales para crear widgets adaptables y fáciles de usar que se puedan cambiar de tamaño. Si pruebas tu diseño, puedes identificar los umbrales de tamaño en los que se necesitan ajustes de diseño. Implementa puntos de interrupción para activar estos cambios y garantizar 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 el contenido complementario, lo que optimiza el uso del espacio según las dimensiones del widget.

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

Widgets en todos los factores de forma

Las tablets y las computadoras de escritorio comparten los principios de diseño de widgets con los teléfonos, pero tienen diferentes expectativas de entrada. Otros factores de forma, como los automóviles, tienen requisitos específicos de visibilidad o adaptan los widgets automáticamente. Para obtener más información, consulta Adapta widgets en diferentes factores de forma.

Widgets en la pantalla de una Googlebook

Rellenar los límites

Uno de los motivos principales por los que los usuarios quitan los widgets es la falta de alineación con otros elementos de la pantalla principal. Para evitarlo, asegúrate de que el widget siempre llene por completo el espacio de cuadrícula asignado.

Qué debes hacer

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

Qué no debe hacer

Agrega padding personalizado. El 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 o en el horizontal para lograr coherencia visual.

Qué no debe hacer

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