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

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

什么是Metro UI:

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

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.点击“阅读原文”,也可查看。

原文发布于微信公众号 - 何俊林(DriodDeveloper)

原文发表时间:2016-10-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

.NET和JAVA的跨平台,我们很期望.但是容易吗

    Java最吸引人之处,在于跨平台。而.NET可以看作Java的改良版,囊括Java大部分的优点,所以当然也具有跨平台的潜力。但是认真追究起来,Java和...

2068
来自专栏张善友的专栏

Xamarin Evolve 2013

在不久前结束的Xamarin Evolve 2013开发者大会上,Xamarin团队成员向600多名C#开发者介绍了该产品的新功能并通过授课的方式让大家更加了解...

1835
来自专栏角落的白板报

【52ABP实战教程】0.0.0 -- ASP.NET CORE系列介绍

为什么是.net core? 记得在半年前.NET CORE刚刚出了1.0,当时有朋友推荐我使用的时候,个人觉得还不成熟。 现在.NET Core已经到了2....

3928
来自专栏大内老A

.NET Core跨平台的奥秘[上篇]:历史的枷锁

微软推出的第一个版本的.NET Framework是一个面向Windows桌面和服务器的基础框架,在此之后,为此微软根据设备自身的需求对.NET Framewo...

2145
来自专栏张善友的专栏

.NET平台微服务项目汇集

3126
来自专栏zhangdd.com

详解Win10家庭版/专业版/企业版功能区别

之前曾经在今年更早时间解释了Win10各个版本之间有什么差别和不同之处,但是在Win10升级全知晓中发现依然有很多朋友还是在问,这里就再详细解释一下。

1893
来自专栏张善友的专栏

集成Silverlight 2的AJAX框架 Visual WebGui

利用AJAX和Silverlight,可以做出Vista那样的界面,非常Cool。 Visual WebGui 是一个类似于Google 的GWT(http:/...

1905
来自专栏landv

vb.net_介绍

2143
来自专栏MelonTeam专栏

WWDC2017小结

WWDC 2017 硬件 iMac Pro ? 这款深空灰色的设备被称为至今为止的最强 Mac,它将搭载最高 18 核心的 Intel Xeon 处理器和 AM...

1969
来自专栏张善友的专栏

C#动态编译引擎-CS-Script

什么是CS-Script? CS-Script是一种以CLR(公共语言运行库)为基础的脚本系统,它使用ECMA标准的C#作为编程语言,它面向微软的CLR运行库(...

2306

扫码关注云+社区

领取腾讯云代金券