Giter Site home page Giter Site logo

tvsample's Introduction

Some Android TV related Sample

更多TV相关,欢迎关注公众号:

这里写图片描述

Android TV开发交流群:135622564


1.Imitation of tai jie latest TV video version of the Metro UI

Android TV development cannot leave the Metro UI, first to see the latest Thai TV of the members area renderings, belongs to the typical style of Metro, as follows:

这里写图片描述

What is the Metro UI:

Metro design idea comes from transport airport the sign at the bus stop and subway sign inspired Microsoft design team, design team said Metro is derived from the King County, Washington, us will transport (the King County Metro) logo design, the style of use large fonts, can attract the attention of the audience. Microsoft thinks Metro design [2] topic should be: "smooth, fast, modern". Metro also differs from that of Android and iOS icon design.

Metro UI software

Metro is for the convenience of Microsoft developers write Metro style applications and provide a development platform, you can call Microsoft WinRT exposed interface write Metro style applications. And Metro style controls [3] to expand doing standard control methods and properties, some new functions, such as Component One Studio for WinRT XAML, Component One Studio for WinJS. In Windows open Windows application market also use and Metro style interface is recommended for the application.

Metro interface, boot after first greeted the first interface, personal feeling is mainly designed to touchscreen devices, but also to use the same in the TV is convenient. We installed in the Desktop program and download in the app store will be displayed in the Metro, so we should regularly or irregularly on the grouping, sequencing, sorting, to facilitate our operation and beautiful interface. Metro interface provides a convenient options at the same time, make the operation more convenient.

Today to follow and implement the Metro interface, the following is my implementation effect:

这里写图片描述

这里写图片描述

GIF: (for has not a good record on TV screen tools, box system generally less than 5.0, some manufacturers have rose to 5.0, I'm using the i71, very old box, based on the API 17, 4.2.2)

这里写图片描述

##2.Imitation tencent video TV version (cloud audio-visual aurora) list page( use RecycleView plus GridLayoutManager)

To see the latest tencent video TV version of the TV playlist page, as follows:

这里写图片描述

Today to follow and implement the tencent video TV version of the TV playlist page, the following is my implementation effect:

这里写图片描述

这里写图片描述

gif:

这里写图片描述 这里写图片描述

Welcome to follow my personal WeChat Official Accounts, useful android technology, conclusion for bug, the FrameWork source code analysis, plugin research, the latest open source projects recommended

这里写图片描述

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.

tvsample's People

Contributors

smartyuge avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

tvsample's Issues

为什么我按遥控器按 “下键” 的时候,焦点下移一个item 后,又回来了!

my code:

 @Override
    public void onFocusChanged(View target, View oldFocus, View newFocus) {
        try {
            Log.d(TAG, "onFocusChanged:" + oldFocus.getTag() + "=" + newFocus.getTag());
}

按 下键 时候的打印
log:

05-27 07:40:01.346 15197-15197/com.dmsys.nas.tv D/MetroViewBorderHandler: onFocusChanged:0=1
05-27 07:40:01.357 15197-15197/com.dmsys.nas.tv D/MetroViewBorderHandler: onFocusChanged:1=0

居然回调两次,tag为0 ->1 之后又返回去 tag为1 ->0 。
于是界面效果:闪一下!(首先焦点在下一个 item 停留一下,直接折返回上一次的item。)
求解答!

在recycleview module下面MetroViewBorderImpl多实例问题

我定义了两个MetroViewBorderImpl,一个在左侧为黄色阴影背景,另外一个为默认的黄框,理论上说这两个MetroViewBorderImpl不会相互干扰,但是页面初始化的时候左上焦点会有两个背景,既有黄框也有黄色阴影

录屏

录屏的可以用android studio上的录制功能,然后用GifCam这个工具做gif图。

性能问题

Metro模块的界面如果我继续往后面添加item会出现卡顿吗?

RecyclerView移动逻辑

大佬你好,看到你的项目非常不错,我想用HTML实现WEB版,采用按键控制。
键盘上下左右回车对应遥控器按键,但是这个光标移动的逻辑怎么处理?
求大佬指点下,谢谢。

reduce number of tiles?

there is no settings to reduce the number of tiles?when i remove one they overlap each other

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.