Android TV开发总结（二）构建一个TV Metro界面（仿泰捷视频TV版）

Android TV发展离不开Metro UI,先看最新的泰捷TV的会员区效果，属于电影的Metro风格，如下：

什么是Metro UI:

Metro的设计意念来源于交通局巴士站站牌机场和地铁的指示牌给了微软设计团队灵感，设计团队说Metro是来源于美国华盛顿州金县都会交通局（King County Metro）的标识设计，其风格大量采用大字体，能吸引受众之注意力。微软认为Metro设计[2] 主题应该是：“光滑、快、现代”。Metro的图标设计也会不同于Android和iOS。

Metro UI软件

Metro是微软为了方便开发者编写Metro风格的程序而提供的一个开发平台，可以调用微软WinRT暴露出来的接口编写Metro风格的程序。 而Metro风格的控件[3] 拓展Win8标准控件方法和属性,实现一些新的功能,如Component One Studio for WinRT XAML，Component One Studio for WinJS。在Windows8中开放的Windows应用程序市场也使用并推荐采用Metro风格界面的应用程序.

Metro 界面，开机后首先映入眼帘的第一个界面，个人感觉主要是为了触屏设备而设计的，但是在TV中使用起来也一样的方便。我们在Desktop中安装的程序以及 在应用商店中下载的程序都会在Metro中展现出来，所以我们要定期或不定期的对其进行分组、排序、整理，以方便我们的操作以及界面的美观。Metro界面同时提供了便捷的选项，使操作更加方便。

今天来仿照并实现这个Metro界面，以下是我实现的效果图：

gif图：(TV上没有好的录屏工具，盒子系统一般低于5.0，有些厂商已经升到5.0，我用的是i71，很老的盒子，基于API 17, 4.2.2的系统)

看下其中一个MetroItem的布局：

每一个MetroItemFrameLayout下包含一些子View,ImageView就是对应图片，CornerVew表示上下左右的的角标，TextView表示下方的描述，这些可视具体情况进行选择。

其他相关代码，下篇博客具体分析。案例已开源到Github,对应链接：https://github.com/hejunlin2013/TVSample，喜欢可以star.点击“阅读原文”，也可查看。