Dimensionamento

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.

Figura 1:usar pontos de interrupção para fazer mudanças de layout em tamanhos diferentes.

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.

O que fazer

Verifique se o contêiner se estende de ponta a ponta em todos os tamanhos.

O que não fazer

Adicione padding personalizado. Seu widget deve ser exibido perfeitamente de ponta a ponta.

O que fazer

Garanta que sua forma não retangular toque a grade no eixo vertical ou horizontal para manter a consistência visual.

O que não fazer

Usar formas quadradas fixas. Em vez disso, use contêineres retangulares responsivos que se adaptam a várias dimensões de grade.