屏幕尺寸
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Wear OS 生态系统中的许多手表都有不同的屏幕尺寸。在针对 Wear OS 进行设计时,请注意您的应用 surface 会显示在这些不同尺寸的屏幕上。
原则
在针对不同的设备进行设计时,请牢记以下原则。
以小优先
始终先针对支持的最小圆形屏幕模拟器(192 dp)进行设计。然后,针对较大的设备进行优化。
在设计时要考虑到可扩缩性
将外边距定义为百分比(而不是绝对值),以便外边距可以在圆形屏幕上按比例缩放,并避免裁剪任何界面元素。
字号
界面元素的高度可能会以非线性方式发生变化,具体取决于字体缩放和无障碍设置(如粗体文字)。
常见屏幕尺寸示例
以下屏幕尺寸是 Wear OS 设备特别常用的屏幕尺寸。使用 225 dp 作为较小屏幕和较大屏幕之间的断点会大有裨益。
规范的自适应布局
如需详细了解如何针对各种屏幕尺寸进行设计,请访问规范的自适应布局页面。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-06-27。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2024-06-27\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-06-27。"]]