Dimensionamento

Crie widgets Android adaptáveis que podem ser escalonados sem problemas. Use nossos tamanhos padrão recomendados como ponto de partida e teste seus layouts em diferentes dimensões para garantir legibilidade e experiência do usuário ideais.

Tamanhos padrão

Ofereça uma experiência de widget sofisticada otimizando seu layout para pelo menos um dos nossos tamanhos recomendados. Garanta o posicionamento e a visibilidade corretos no seletor de widgets definindo atributos targetCellWidth e targetCellHeight para dispositivos portáteis e tablets.

Esses valores são baseados em dispositivos Pixel. Use esses tamanhos como ponto de partida para o design do widget. Teste seu widget em tamanhos diferentes 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 424 672
3x4 456 672 344 488

Pontos de interrupção

Os pontos de interrupção são essenciais para criar widgets redimensionáveis que sejam adaptáveis e fáceis ao usuário. Ao testar seu design, você pode identificar os limites de tamanho em que os ajustes de layout são necessários. Implemente pontos de interrupção para acionar essas mudanças, garantindo que o widget mantenha o apelo visual e a 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 do widget.

Figura 1:use 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 é devido ao desalinhamento com outros elementos da tela inicial. Para evitar isso, o widget sempre precisa preencher completamente o espaço de grade alocado.

O que fazer

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

O que não fazer

Adicionar padding personalizado. Seu widget deve ficar perfeitamente de ponta a ponta.

O que fazer

Garanta que a forma não retangular toca na grade no eixo vertical ou horizontal para 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.