Android Developers:针对电视优化导航

直接的交互界面是用户使用电视用户体验的一个重要方面。当你针对电视优化你的Android应用的时候，你应该特别注意，当使用远程控制替代触摸时用户在你的应用程序中的实际导航。 

 

这节课程向你展示了通过如下如何针对优化导航： 

• 确保所有布局控制对支持D-Pad。 

• 对UI导航提供高度明显的反馈。 

• 将布局控制放置便于访问。 

 

处理D-pad导航 

—————————————————————————————————————————————————————————

在电视中，用户使用D-pad或者方向键运行导航控制。这限制了上，下，左，和右的运动。为了构建完美的电视优化应用，你必须一个导航方案，使用它用户能快速学习如何在远程导航你的应用。 

 

当你针对D-pad设计导航的时候，遵守这些原则： 

• 确保D-pad能导航到屏幕上所有的可见控件。 

• 对于滑动列表焦点，D-pad上/下键滑动列表和输入关键字选择列表中的表项。确保用户能在列表中选择一个元素，并且当一个元素被选择的时候列表持续滑动。 

• 确保控件之间的运动是简单的和可预示的。 

 

Android通常在布局元素之间自动处理导航顺序，所以你不需要额外做任何事情。如果屏幕布局使导航变得困难，或者如果你想用户以一种指定的方式在布局上移动，你可以为你的控制设置明确的导航。例如，为一个android.widget.EditText，定义获取焦点的下一个控件，使用： 

<EditText android:id="@+id/LastNameField" android:nextFocusDown="@+id/FirstNameField"\>

  

下面的表格列出了所有可用的导航属性： 

Attribute 

Function 

nextFocusDown 

定义了当用户向下导航的时候下一个获取焦点的视图。 

nextFocusLeft 

定义了当用户向左导航的时候下一个获取焦点的视图。 

nextFocusRight 

定义了当用户向右导航的时候下一个获取焦点的视图。 

nextFocusUp 

定义了当用户向上导航的时候下一个获取焦点的视图。 

为了使用这些明确的导航属性，设置在布局中其它控件ID值（android:id值）。你应该设置循环的导航顺序，以至于最后的控件指引焦点返回到第一个。 

 

注意：你应该仅当系统应用的默认顺序不能很好的工作的时候，使用这些属性来修改导航顺序。 

 

为焦点和选择提供清晰可见的说明 

————————————————————————————————————————————————————————— 

为在界面中所有的导航和可选择的元素使用合适的高亮颜色。这使得当使用D-pad导航的时候，用户知道这个控件当前是否获取焦点或者可选变得容易。并且，在你的应用中使用高度统一的计划。 

 

Android提供Drawable State List Resourdes类实现被选中或者获取焦点控件的高亮效果。例如： 

res/drawable/button.xml: 

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">     <item android:state_pressed="true"           android:drawable="@drawable/button_pressed" /> <!-- pressed -->     <item android:state_focused="true"           android:drawable="@drawable/button_focused" /> <!-- focused -->     <item android:state_hovered="true"           android:drawable="@drawable/button_focused" /> <!-- hovered -->     <item android:drawable="@drawable/button_normal" /> <!-- default --> </selector> 

XML布局在一个按钮中应用上面的状态列表图片： 

<Button     android:layout_height="wrap_content"     android:layout_width="wrap_content"     android:background="@drawable/button" /> 

在可获取焦点和可被选择的控件之间提供足够的填充，以至于在它们周围的高亮是清晰可见的。 

 

设计便于导航 

—————————————————————————————————————————————————————————

用户应该能通过几次D-pad的点击导航到任何UI控件。导航应该容易并直观的理解。对于一些不直观的动作，使用通过帮助按钮或者帮助栏触发的对话框，给用户提供书面的帮助。 

 

预测用户想导航到的下一个屏幕，并提供一次点击导航到它。如果当前屏幕的UI非常稀疏，考虑使它成为一个多面板屏幕，使用Fragment来实现多面板屏幕。例如，看下面的多面板UI，大陆名称在左侧，并且在每个大陆很酷的地方列表在右侧。 

上面的UIyou由三个Fragment组成，left_size_action_controls，continents和placs，正如下面它的xml布局文件所展示。这样的多面板UI使D-pad导航更容易，并是充分利用了电视屏幕的横向控件。 

 

res/layout/cool_places.xml 

<LinearLayout        android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="horizontal"    >    <fragment         android:id="@+id/left_side_action_controls"         android:layout_width="0px"         android:layout_height="match_parent"         android:layout_marginLeft="10dip"         android:layout_weight="0.2"/>     <fragment         android:id="@+id/continents"         android:layout_width="0px"         android:layout_height="match_parent"         android:layout_marginLeft="10dip"         android:layout_weight="0.2"/>     <fragment         android:id="@+id/places"         android:layout_width="0px"         android:layout_height="match_parent"         android:layout_marginLeft="10dip"         android:layout_weight="0.6"/> </LinearLayout> 

另外，注意上面的UI布局，动作控件是在左侧的一个竖直滑动列表，使得它们使用D-pad更容易访问。通常，对于使用横向滑动组件的布局，放置动作控件在左侧或者右侧，反之竖向滑动的组件。