Pure Android

àì夳堔傛蜴生んèń 2022-08-02 02:24 248阅读 0赞

<table style="padding:5px; margin:0px; font-size:12.1599998474121px; border:1px solid rgb(170,170,170); color:rgb(0,0,0); font-family:sans-serif; line-height:19.2000007629395px; background-color:rgb(249,249,249)"> 
 <tbody style="padding:0px; margin:0px"> 
  <tr style="padding:0px; margin:0px"> 
   <td style="padding:0px; margin:0px"> 
    <div style="padding:0px; margin:0px; direction:ltr; text-align:center"> 
     <h2 style="padding:0px; margin:0px 0px 0.6em; overflow:hidden; border:none; width:auto; font-size:12.1599998474121px; display:inline; background:none"> 目录</h2> 
     <span style="padding:0px; margin:0px">&nbsp;[<a href="http://wiki.eoeandroid.com/Pure_Android#" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow">隐藏</a>]&nbsp;</span> 
    </div> 
    <ul style="padding:0px; margin:0.3em 0px; line-height:1.5em; list-style-type:none"> 
     <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E7.BA.AF.E7.B2.B9.E7.9A.84_Android_-_Pure_Android" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1</span>&nbsp;<span style="padding:0px; margin:0px">纯粹的 Android - Pure Android</span></a> 
      <ul style="padding:0px; margin:0px 0px 0px 2em; line-height:1.5em; list-style-type:none"> 
       <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E4.B8.8D.E8.A6.81.E6.A8.A1.E4.BB.BF.E5.85.B6.E5.AE.83.E5.B9.B3.E5.8F.B0.E7.9A.84_UI_.E5.85.83.E7.B4.A0" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1.1</span>&nbsp;<span style="padding:0px; margin:0px">不要模仿其它平台的 UI 元素</span></a></li> 
       <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E4.B8.8D.E8.A6.81.E4.BD.BF.E7.94.A8.E4.B8.93.E4.B8.BA.E5.85.B6.E5.AE.83.E5.B9.B3.E5.8F.B0.E8.AE.BE.E8.AE.A1.E7.9A.84.E5.9B.BE.E6.A0.87" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1.2</span>&nbsp;<span style="padding:0px; margin:0px">不要使用专为其它平台设计的图标</span></a></li> 
       <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E4.B8.8D.E8.A6.81.E4.BD.BF.E7.94.A8.E5.BA.95.E9.83.A8.E7.9A.84.E6.A0.87.E7.AD.BE.E6.A0.8F" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1.3</span>&nbsp;<span style="padding:0px; margin:0px">不要使用底部的标签栏</span></a></li> 
       <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E4.B8.8D.E8.A6.81.E7.BC.96.E7.A0.81.E9.93.BE.E6.8E.A5.E5.88.B0.E5.85.B6.E4.BB.96.E5.BA.94.E7.94.A8.E7.A8.8B.E5.BA.8F" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1.4</span>&nbsp;<span style="padding:0px; margin:0px">不要编码链接到其他应用程序</span></a></li> 
       <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E4.B8.8D.E8.A6.81.E5.9C.A8.E6.93.8D.E4.BD.9C.E6.A0.8F.E4.B8.AD.E4.BD.BF.E7.94.A8.E5.B8.A6.E6.9C.89.E6.A0.87.E9.A2.98.E7.9A.84.E8.BF.94.E5.9B.9E.E6.8C.89.E9.92.AE" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1.5</span>&nbsp;<span style="padding:0px; margin:0px">不要在操作栏中使用带有标题的返回按钮</span></a></li> 
       <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E4.B8.8D.E8.A6.81.E5.9C.A8.E5.88.97.E8.A1.A8.E4.B8.AD.E4.BD.BF.E7.94.A8.E5.90.91.E5.8F.B3.E7.AE.AD.E5.A4.B4" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">1.6</span>&nbsp;<span style="padding:0px; margin:0px">不要在列表中使用向右箭头</span></a></li> 
      </ul> </li> 
     <li style="padding:0px; margin:0px 0px 0.1em"><a href="http://wiki.eoeandroid.com/Pure_Android#.E8.AE.BE.E5.A4.87.E6.97.A0.E5.85.B3.E6.80.A7" style="padding:0px; margin:0px; text-decoration:none; color:rgb(11,0,128); background:none" rel="nofollow"><span style="padding:0px; margin:0px">2</span>&nbsp;<span style="padding:0px; margin:0px">设备无关性</span></a></li> 
    </ul> </td> 
  </tr> 
 </tbody> 
</table>

### 纯粹的 Android - Pure Android ###

许多开发者会在多个平台上发布应用。如果您打算为 Android 开发应用，请记住在不同的平台需要遵守不同的要求和惯例。在某个平台上开起来不错的设计，也许在另一个平台上就不合适。“一次设计，到处运行”的想法可能在一开始能节省一些时间，但是和平台不一致的体验最终可能会疏远用户。考虑按照下面的指导进行设计，避免常见的错误和缺陷。

<table style="padding:0px; margin:0px -8px; font-size:12.8000001907349px; color:rgb(0,0,0); font-family:sans-serif; line-height:19.2000007629395px; border-spacing:0px; width:1016px; border-width:thin"> 
 <tbody style="padding:0px; margin:0px"> 
  <tr style="padding:0px; margin:0px; border:1px solid rgb(206,223,242); background:rgb(245,250,255)"> 
   <td style="padding:20px; margin:0px; width:476px; vertical-align:top"> <h4 style="padding:0.5em 0px 0.17em; margin:0px 0px 0.3em; font-size:14.8480005264282px; overflow:hidden; border-bottom-style:none; width:auto; background:none"> <span style="padding:0px; margin:0px">不要模仿其它平台的 UI 元素</span></h4> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 不同的平台都会提供别具一格的、精心设计的、主题化的 UI 元素。例如在一些平台上鼓励使用圆角按钮，另一些则鼓励使用渐变标题栏。许多情况下，虽然元素的功能是一样的，但是设计方法截然不同。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 当您为 Android 设计应用时，不要使用其它平台的 UI 元素，也不要模仿其它平台元素的行为。参考 Building Blocks 一章了解 Android 主要的 UI 元素。同时，观察 Android 系统应用，了解这些元素是如何使用的。如果您要自定义 UI 元素，请按照您品牌的统一设计，不要照搬其它平台的设计。</p> </td> 
   <td style="padding:20px; margin:0px; width:460px; vertical-align:top"> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <img src="http://developer.android.com/design/media/migrating_ui_elements.png" alt="migrating_ui_elements.png" style="padding:0px; margin:0px; border:none; vertical-align:middle"></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <span style="padding:0px; margin:0px">Android、iOS 和 Windows Phone 7 的 UI 元素样例。</span></p> </td> 
  </tr> 
  <tr style="padding:0px; margin:0px; border:1px solid rgb(206,223,242); background:rgb(245,250,255)"> 
   <td style="padding:20px; margin:0px; width:476px; vertical-align:top"> <h4 style="padding:0.5em 0px 0.17em; margin:0px 0px 0.3em; font-size:14.8480005264282px; overflow:hidden; border-bottom-style:none; width:auto; background:none"> <span style="padding:0px; margin:0px">不要使用专为其它平台设计的图标</span></h4> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 不同的平台都会提供常用功能的图标集，例如分享、新建和删除。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 如果您正在将应用移植到 Android 平台，请不要使用专为其它平台设计的图标。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 您可以在 Android SDK 中找到各种用途的图标。</p> </td> 
   <td style="padding:20px; margin:0px; width:460px; vertical-align:top"> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <img src="http://developer.android.com/design/media/migrating_icons.png" alt="migrating_icons.png" style="padding:0px; margin:0px; border:none; vertical-align:middle"></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <span style="padding:0px; margin:0px">Android、iOS 和 Windows Phone 7 的图标样例。</span></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <br style="padding:0px; margin:0px"> </p> </td> 
  </tr> 
  <tr style="padding:0px; margin:0px; border:1px solid rgb(206,223,242); background:rgb(245,250,255)"> 
   <td style="padding:20px; margin:0px; width:476px; vertical-align:top"> <h4 style="padding:0.5em 0px 0.17em; margin:0px 0px 0.3em; font-size:14.8480005264282px; overflow:hidden; border-bottom-style:none; width:auto; background:none"> <span style="padding:0px; margin:0px">不要使用底部的标签栏</span></h4> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 其它平台使用底部标签栏在应用中切换视图。Android 标签应当放在顶部的操作栏中。不过您可以在底部放置副操作栏。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 您应当按照该指导设计应用，提供统一的平台应用体验，区分操作栏和视图切换。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 请参考 操作栏 一节，了解如何合理的使用操作栏切换视图。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <br style="padding:0px; margin:0px"> <img src="http://developer.android.com/design/media/migrating_ios_dialers.png" alt="migrating_ios_dialers.png" style="padding:0px; margin:0px; border:none; vertical-align:middle"></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <span style="padding:0px; margin:0px">Android 拨号应用的操作栏标签 vs. iOS 的底部标签栏。</span></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <br style="padding:0px; margin:0px"> </p> <h4 style="padding:0.5em 0px 0.17em; margin:0px 0px 0.3em; font-size:14.8480005264282px; overflow:hidden; border-bottom-style:none; width:auto; background:none"> <span style="padding:0px; margin:0px">不要编码链接到其他应用程序</span></h4> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 某些情况下应用程序会需要借鉴另一个应用程序的功能，例如想分享应用程序通过社交网络或信息创建的内容，或者查看浏览器网络链接的内容。不要使用编码链接到特定应用程序，而应该使用安卓意图API来启动活动选配器，它列出了所有设置处理特定请求的应用程序。这就让用户用首选应用程序来完成任务。尤其对于共享来说，考虑使用Share Action Provider 来更快访问最近共享的目标。</p> <pre style="padding:1em; margin-top:0px; margin-bottom:0px; font-family:monospace,'Courier New'; border:1px dashed rgb(47,111,171); line-height:1.3em; background-color:rgb(249,249,249)"><img src="http://developer.android.com/design/media/migrating_intents.png" alt="migrating_intents.png" style="padding:0px; margin:0px; border:none; vertical-align:middle">
</pre> <h4 style="padding:0.5em 0px 0.17em; margin:0px 0px 0.3em; font-size:14.8480005264282px; overflow:hidden; border-bottom-style:none; width:auto; background:none"> <span style="padding:0px; margin:0px">不要在操作栏中使用带有标题的返回按钮</span></h4> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 其它平台使用带有标题的返回按钮，使用户可以返回应用的上一层。Android 则使用操作栏的应用图标返回上一层，同时使用导航栏的返回按钮返回前一个屏幕。更多信息，请参考 导航 一节。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 按照该指导设计应用，提供统一的导航体验。</p> </td> 
   <td style="padding:20px; margin:0px; width:460px; vertical-align:top"> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <img src="http://developer.android.com/design/media/migrating_ios_galleries.png" alt="migrating_ios_galleries.png" style="padding:0px; margin:0px; border:none; vertical-align:middle"></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <span style="padding:0px; margin:0px">Android 操作栏中的向上图标 vs. iOS 的返回按钮。</span></p> </td> 
  </tr> 
  <tr style="padding:0px; margin:0px; border:1px solid rgb(206,223,242); background:rgb(245,250,255)"> 
   <td style="padding:20px; margin:0px; width:476px; vertical-align:top"> <h4 style="padding:0.5em 0px 0.17em; margin:0px 0px 0.3em; font-size:14.8480005264282px; overflow:hidden; border-bottom-style:none; width:auto; background:none"> <span style="padding:0px; margin:0px">不要在列表中使用向右箭头</span></h4> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> 在其它平台上通常在列表中使用向右箭头提示用户触摸后有更多的内容。</p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> Android 不这么做。请不要使用向右的箭头，不要让用户猜测它的用处。</p> </td> 
   <td style="padding:20px; margin:0px; width:460px; vertical-align:top"> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <img src="http://developer.android.com/design/media/migrating_ios_settings.png" alt="migrating_ios_settings.png" style="padding:0px; margin:0px; border:none; vertical-align:middle"></p> <p style="padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.5em; line-height:1.5em"> <span style="padding:0px; margin:0px">Android 设置列表中没有向右箭头 vs. iOS 设置。</span></p> </td> 
  </tr> 
 </tbody> 
</table>

### 设备无关性 ###

记住您的应用会运行在各种不同屏幕尺寸的设备上。通过“面板”使您的应用在各种设备上始终能够提供平衡且美观的布局。

更多信息，请参考 [设备和显示 - Devices and Displays][- Devices and Displays] 一节和 [多视图布局 - Multi-pane Layouts][- Multi-pane Layouts]。

原文：[http://developer.android.com/design/patterns/pure-android.html][http_developer.android.com_design_patterns_pure-android.html]

[- Devices and Displays]: http://wiki.eoeandroid.com/%E8%AE%BE%E5%A4%87%E5%92%8C%E6%98%BE%E7%A4%BA_-_Devices_and_Displays
[- Multi-pane Layouts]: http://wiki.eoeandroid.com/%E5%A4%9A%E8%A7%86%E5%9B%BE%E5%B8%83%E5%B1%80_-_Multi-pane_Layouts
[http_developer.android.com_design_patterns_pure-android.html]: http://developer.android.com/design/patterns/pure-android.html