【Android开发Wiki】进阶篇TV应用设计(一)—优化电视布局.pdfVIP

eoe 移动开发者社区 / 原文链接：/training/tv/optimizing-layouts-tv.html 当你应用程序运行在电视机时，你应当考虑用户是坐在距离电视屏幕10英尺的地方.当然用 户环境被称为10-foot UI.为了给你的用户提供一个可用和愉快的体验，你相应地应该奠定 你自己的UI风格... 这个要点向你展示如何针对TV来优化你自己的布局，通过： 为景观模式提供适当的布局源文件. 确保文本和相应的控制在一定距离上是足够大以便看见的. 为高清电视提供高分辨率的位图和图标. 设计景观布局 电视屏幕通常都是取决于景观.针对电视屏幕按照这些技巧来优化你的景观布局: 把屏幕上的导航控制菜单放在屏幕的左边或者右边，并且将菜单内容以垂直的方式显示. 创建那些分段的UI时，通过使用Fragments和使用像用GridView来替代ListView更能充 分使用水平空间的视图组控件. 使用视图组例如RelativeLayout和LinearLayout来排版视图.以上这些允许android系统 能够针对大小，对齐，纵横比，以及屏幕的像素密度来匹配视图的位置 在视图控制之间提供足够的余地来避免一个杂乱的用户界面. 例如接下来的布局就是针对TV优化的: 在这个布局中，控制是位于左边界.这个UI界面里面显示了一个GridView控件，这个Grid View是非常适合景观方向的UI.在这个布局中GridView和Fragment 都是动态设置宽和高， 以便能自适应屏幕的分辨率.在运行时控制视图被添加到了左边片段编程.这UI布局文件位 res/layoutlandlarge/photogrid_tv.xml下.（这个布局文件放置在layout-land-large， eoe 移动开发者社区 / 因为电视在景观方向上有大的屏幕.详细请参考Supporting Multiple Screens.） 例如如下一个res/layout-land-large/photogrid_tv.xml: RelativeLayout android:layout_width=fill_parent 1 android:layout_height=fill_parent 2 fragment 3 android:id=@+id/leftsidecontrols 4 android:layout_width=0dip 5 android:layout_marginLeft=5dip 6 android:layout_height=match_parent / 7 GridView 8 android:id=@+id/gridview 9 android:layout_width=wrap_content 10 android:layout_height=wrap_content / 11 /RelativeLayout 12 为了在屏幕的左边设立操作条选项，你可以在你的应用程序中通过导入Left navigation b ar library来实现它，以替代创建一个定制的片段来添加控制视图: LeftNavBar bar = (LeftNavBarService.instance()).getLeftNavB 1ar(this); 当你有一个内容垂直滚动的活动时，总是使用一个左边导航条;反之，你的用户不得不拖动 到内容的顶部来在内容视图和操作条之间进行切换.参考Left navigation bar sample app 来看看它是如何简单的在你的应用程序中导入左边导航条的.使文字和控制容易看到 在一个电视的应用程序的UI里，文字和控制应当是容易看见并且在一定距离内可以导航的. 例如这些技巧能让它们在一定距离内更加容易看见: 把文本插入用户能够快速地扫描到的小块中. 在一个黑暗的背景中使用明亮的文本.这个风格在一台电视中更方便读. 避免轻量级的字体以及那些要么非常窄要么非常宽的笔画字体.使用简单的无衬线字体和使 用抗混叠来提高可读性. 使用系统的标