Android UI设计，google官方-优快云博客

本文提供了Android UI设计的基本原则，包括五个“不要”、九个设计要素、五个设计准则及需要考量的八个方面等内容，帮助开发者更好地理解并实现高质量的用户界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.UI设计5不要 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> Don’t: <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆不要照搬你在其它平台的UI设计，应该让用户感觉是在真正使用一个 Android 软件，在你的商标显示和平台整体观感之间做好平衡 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆不要过度使用模态对话框 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆不要使用固定的绝对定位的布局 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆不要使用px单位，使用dp或者为文本使用sp <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆ 不要使用太小的字体 <div> </div> 2. UI设计9要素 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> Do： <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆为高分辨率的屏幕创建资源（缩小总比放大好） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆ 需要点击的元素要够大 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆图标设计遵循 Android 的准则 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆ 使用适当的间距（margins, padding） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆ 支持D-pad和trackball导航 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆正确管理活动（activity）堆栈 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆ 正确处理屏幕方向变化 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆使用主题/样式，尺寸和颜色资源来减少多余的值 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆和视觉交互设计师合作! <div> </div> 3.则Android UI的设计哲学: <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆干净而不过于简单 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆关注内容而非修饰 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆保存一致，让用户容易投入其中，可附加少许变化 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆使用云端服务（存储和同步用户资料）来加强用户体验 <div> </div> 4.优秀界面的设计5条准则: <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆关注用户 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆显示正确的内容 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆给予用户适当的回馈 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆有章可循的行为模式 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆容忍错误 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> a)关注用户： <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆了解你的用户（年龄，技能，文化，对你的应用的需求，使用的设备，何时何地如何使用设备） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆‘用户优先’的设计心态（用户通常是任务导向的行为模式） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆更早，更频繁的由真实用户来测试 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> b)显示正确的内容： <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆最常用的操作需要最快被用户看到并且可用 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆不太常用的功能可以放到菜单里面 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> c)给予用户适当的回馈： <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆交互式的UI元素最少需要反映出4种不同的状态（default，disabled，focused，pressed） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆保证操作的结果是清晰可见的 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆多给予用户进度提示，但是不要干扰他们当前的操作 <div style="text-indent:28px; color:rgb(51,51,51); font-size:15px"> d)有章可循的行为模式： </div> <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆行为模式遵循用户的期望（正确的操作活动堆栈，显示用户期望看到的信息和动作） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆使用合适的方式来加强功能可见性（可点击的元素就应该看起来是可以点击的） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆如果用户完成一项任务需要复杂的操作，重新思考你的设计!!! <div style="text-indent:28px; color:rgb(51,51,51); font-size:15px"> e)容忍错误： </div> <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆只允许有意义的操作（适当禁用一些按钮） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆尽量减少不可回退的操作 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆允许回退（undo）比使用确定对话框更好（实际上，应该尽量少用确定对话框，它对用户是一种干扰） <div> </div> 5.设计需要考量的8个地方： <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆屏幕的物理尺寸 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆屏幕密度 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆屏幕的方向（竖向和横向） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆主要的UI交互方式（触屏还是使用D-pad/trackball） <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆了解不同设备之间的相异之处是非常重要的! <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆阅读CDD，学习设备可能差异的地方 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆了解屏幕尺寸和密度分类 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆软键盘还是物理键盘 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 6. Android UI 框架特性 <div> <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 使用相对布局管理界面元素。 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 7. 合理使用资源修饰符 </div> <div> <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 使用资源修饰符来修饰同一套资源的多个不同版本。 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆一个apk包里面会包含所有的资源文件。 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆系统在运行时会根据软硬件环境来自动选择相应修饰符版本的资源。 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 译者注：最常用的修饰符可能是locale修饰符（制作多语文本），dpi修饰符（为不同密度的屏幕制作不同尺寸的图标和皮肤），orientation修饰符（为横屏和竖屏提供不同的UI布局）。如果系统找不到对应的修饰符版本，它就会选择无修饰符的版本，这个版本通常也是所谓的默认选择。 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 8. 9-patch drawables </div> <div> <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 使用 9-patch drawables – foo.9.png <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆9-patch drawables 的语法跟CSS3 border image 类似 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆根据边缘的像素宽度切割出不同的拉伸区域 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> ◆最好同时提供 mdpi 和 hdpi 的版本 <p style="margin-top:10px; margin-bottom:10px; padding-top:0px; padding-bottom:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; word-wrap:normal; word-break:normal; line-height:21px; color:rgb(51,51,51); background-color:transparent; text-indent:28px"> 注：本文来自于谷歌Android UI设计的官方教程。http://mobile.51cto.com/android-265291.htm</div>