Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
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.
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.
check_circle
O que fazer
Verifique se o contêiner se estende de ponta a ponta em todos os tamanhos.
cancel
O que não fazer
Adicione padding personalizado. Seu widget deve ser exibido perfeitamente de ponta a ponta.
check_circle
O que fazer
Garanta que sua forma não retangular toque a grade no eixo vertical ou horizontal para manter a consistência visual.
cancel
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.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2024-08-03 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Não contém as informações de que eu preciso"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muito complicado / etapas demais"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desatualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema na tradução"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema com as amostras / o código"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Outro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de entender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Meu problema foi resolvido"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Outro"
}]
{"lastModified": "\u00daltima atualiza\u00e7\u00e3o 2024-08-03 UTC."}
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2024-08-03 UTC."],[],[]]