Crie widgets adaptáveis do Android que se ajustam perfeitamente. Use nossa tamanhos padrão como ponto de partida e teste seus layouts em diferentes para garantir a melhor legibilidade e experiência do usuário.
Tamanhos padrão
Ofereça uma experiência de widget sofisticada otimizando seu layout para pelo menos um
dos tamanhos recomendados. Garanta o posicionamento e a visibilidade corretos no widget
seletor definindo os atributos targetCellWidth
e targetCellHeight
para ambos
portáteis e tablets.
Esses valores são baseados nos dispositivos Pixel. Use esses tamanhos como ponto de partida para o design do seu widget. Faça um teste minucioso do widget em diferentes tamanhos e em vários dispositivos para garantir uma experiência do usuário de qualidade.
Filmagem manual
Tamanhos | Largura mínima | Largura máxima | Altura mínima | Altura máxima |
---|---|---|---|---|
2x1 | 109 | 306 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 130 |
4x2 | 245 | 624 | 115 | 276 |
4x3 | 245 | 624 | 185 | 422 |
Tablet
Tamanhos | Largura mínima | Largura máxima | Altura mínima | Altura máxima |
---|---|---|---|---|
2x1 | 180 | 304 | 64 | 120 |
2x2 | 180 | 304 | 184 | 304 |
2x3 | 180 | 304 | 304 | 488 |
3x1 | 328 | 488 | 64 | 120 |
3x2 | 298 | 488 | 184 | 304 |
3x3 | 298 | 488 | 304 | 488 |
3x4 | 298 | 488 | 424 | 672 |
Pontos de interrupção
Os pontos de interrupção são essenciais para criar um design redimensionável adaptável e fácil de usar widgets. Ao testar seu design, é possível identificar limites de tamanho em que o layout e ajustes são necessários. Implemente pontos de interrupção para acionar essas mudanças. garantindo que seu widget mantenha apelo visual e funcionalidade em qualquer tamanho.
Os pontos de interrupção também oferecem a flexibilidade de incluir ou excluir condicionalmente conteúdo complementar, otimizando a utilização do espaço com base nas dimensões.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=6&hl=pt)
Preencher os limites
Um dos principais motivos pelos quais os usuários removem widgets é o desalinhamento com outros elementos da tela inicial. Para evitar isso, o widget precisa sempre preencher o alocou totalmente o espaço de grade.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=6&hl=pt)
O que fazer
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=6&hl=pt)
O que não fazer
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=6&hl=pt)
O que fazer
![](https://developer.android.com/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=6&hl=pt)