TVSample - GitLite

KO | EN

gitlite — search

#hacktoberfest #golang #android #machine-learning #rust #linux #macos #windows #awesome #cli #kubernetes #awesome-list #security #openai

TVSample

(★ 1,208)

1、仿泰捷视频最新TV版 Metro UI效果. 2、仿腾讯视频TV版(云视听·极光) 列表页

파일 탐색기

최종 버전 다운로드 (.zip)

- - gradle-wrapper.jar
  - gradle-wrapper.properties
- device-2016-10-13-170829.png
- device-2016-10-13-191954.png
- device-2016-10-13-192016.png
- device-2016-10-17-141123.png
- device-2016-10-17-145135.png
- device-2016-10-17-151218.png
- metro.gif
- metro1.png
- metro2.png
- recycleview_1.gif
- recycleview_2.gif
- xml.png
- .gitignore
- build.gradle
- proguard-rules.pro
- build.gradle
- proguard-rules.pro
.gitignore
build.gradle
gradle.properties
gradlew
gradlew.bat
LICENSE
README.md
README_CN.md
settings.gradle

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/smartyuge/TVSample

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd TVSample

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Gradle (Java/Kotlin)

보통 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Some Android TV related Sample

## [中文README](/README_CN.md)

更多TV相关，欢迎关注公众号：

![这里写图片描述](https://github.com/hejunlin2013/RedPackage/blob/master/image/qrcode.jpg)

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:

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/device-2016-10-13-170829.png)

### 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:

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/device-2016-10-13-192016.png)

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/device-2016-10-13-191954.png)

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)

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/metro.gif)

##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:

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/device-2016-10-17-141123.png)

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

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/device-2016-10-17-151218.png)

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/device-2016-10-17-145135.png)

gif：

![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/recycleview_1.gif)
![这里写图片描述](https://raw.githubusercontent.com/smartyuge/TVSample/master/images/recycleview_2.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
![这里写图片描述](https://github.com/hejunlin2013/RedPackage/blob/master/image/qrcode.jpg)

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.
```