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

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

2018-10-25 569

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

前言：上篇是介绍构建TV app前要知道的一些事儿，开发Android TV和手机本质上没有太大的区别，屏大，焦点处理，按键处理，是有别于有手机和Pad的实质区别。今天来介绍TV中Metro UI风格，并结合实例说明。

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.

License

Copyright (C) 2016 hejunlin

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

第一时间获得博客更新提醒，以及更多android干货，源码分析，欢迎关注我的微信公众号，扫一扫下方二维码或者长按识别二维码，即可关注。

如果你觉得好，随手点赞，也是对笔者的肯定，也可以分享此公众号给你更多的人，原创不易

微信关注我们

原文链接：https://yq.aliyun.com/articles/676800

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android TV开发总结（一）构建一个TV app前要知道的事儿

原文: Android TV开发总结（一）构建一个TV app前要知道的事儿版权声明：我已委托“维权骑士”（rightknights.com）为我的文章进行维权行动.转载务必转载所有，且须注明出处。否则保留追究法律责任 https://blog.csdn.net/hejjunlin/article/details/52792562 转载请把头部出处链接和尾部二维码一起转载，本文出自逆流的鱼yuiop：http://blog.csdn.net/hejjunlin/article/details/52792562 前言：近年来，智能电视的发展如火如荼，Googel 也在大力推进TV及穿带设备的发展，在互联网的风口，是猪也会飞，这句话并不是没有道理的。传统电视机厂商，基本都转型致力于智能电视的相关业务。处理电视硬件 app上检查电视设备处理不支持的硬件features Declaring hardware requirements for TV 声明权限意味着硬件要具有该特性检查硬件Features 处理控制器断开场景处理电视硬件电视硬件是大大不同于其他Android设备。电视不...

2018-10-26

727

原文: Android TV开发总结（三）构建一个TV app的焦点控制及遇到的坑版权声明：我已委托“维权骑士”（rightknights.com）为我的文章进行维权行动.转载务必转载所有，且须注明出处。否则保留追究法律责任 https://blog.csdn.net/hejjunlin/article/details/52835829 转载请把头部出处链接和尾部二维码一起转载，本文出自逆流的鱼yuiop：http://blog.csdn.net/hejjunlin/article/details/52835829 前言：上篇中，《Android TV开发总结（二）构建一个TV Metro界面（仿泰捷视频TV版）》对应的源码解析见《TV Metro界面（仿泰捷视频TV版）源码解析》一文，链接：http://blog.csdn.net/hejjunlin/article/details/52822499，github对应地址：https://github.com/hejunlin2013/TVSample，截至到当前发稿，已突破200star,如果喜欢的话，可以star,也表示下支持，...

2018-10-26

570

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。