Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Muitos dos relógios do ecossistema Wear OS têm diferentes tamanhos de tela.
Ao projetar para o Wear OS, lembre-se de que as plataformas do app são exibidas
nesses diferentes tamanhos de tela.
Princípios
Lembre-se dos princípios a seguir ao projetar para dispositivos diferentes.
Pequeno primeiro
Sempre projete primeiro o menor emulador de tela redonda com suporte:
192 dp. Em seguida, otimize para dispositivos maiores.
Pense nas diferentes escalas ao criar
Defina as margens externas como porcentagens em vez de valores absolutos. Assim, elas
podem ser dimensionadas proporcionalmente em telas redondas e evitar recortar elementos da interface.
Tamanho da fonte
A altura de um elemento da interface pode mudar de maneira não linear, dependendo do dimensionamento
da fonte e das configurações de acessibilidade, como negrito.
Exemplos de tamanhos de tela comuns
Os tamanhos de tela abaixo são opções muito comuns para dispositivos Wear OS.
É vantajoso usar 225 dp como um ponto de interrupção entre telas menores e
maiores.
Layouts adaptáveis canônicos
Acesse a página Layouts adaptáveis canônicos para mais informações sobre como projetar
para vários tamanhos de tela.
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-06-27 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-06-27 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-06-27 UTC."],[],[]]