working with android tv - english

Pedro V. Gmez Snchez - [email protected] - @pedro_g_s - github.com/pedrovgs

Working with Android TVPedro Vicente Gmez SnchezAndroid Expert at Karumi

[email protected]@pedro_g_sgithub.com/pedrovgs


Are we going to develop always for smartphones?


https://developer.android.com/tv/adt-1/index.html

Nexus Player


Introduction.

First steps.

Thinking different.

BrowseFragment.

DetailsFragment.

SearchFragment.

Recommendations.

Without Leanback library.

Agenda


Nexus Player supports API level 21 or higher.

Leanback library is really useful. Almost essential.

Easy to work with if you dont want to do something different.

Forget about touch your TV.

Introduction


First steps


Add Leanback library to your project:

First steps


First stepsConfigure an Activity to use LEANBACK_LAUNCHER intent filter:


Thinking different:

Try to use your smartphone without touch it!


Try to avoid the keyboard:

Thinking different


Thinking differentAll the user experience is going to be related to the focus usage.


You have a microphone, use it.

Thinking different


Use the background, its a powerful tool.

Thinking different


Use content recommendations.

Thinking different


Leanback Library


BrowseFragment


DetailFragment


SearchFragment


How can I use these Fragments?


BrowseFragmentCreate your own Fragment and extend from Leanback BrowseFragment:


BrowseFragmentConfigure your user interface to apply your application colors and icons:


BrowseFragmentOnce you have loaded all the content, configure one ArrayObjectAdapter with your data:


BrowseFragmentEach row is going to be represented with one ArrayObjectAdapter, one HeaderItem and one Presenter:


BrowseFragmentConfigure your listeners to change your user interface when one element is selected or clicked.


DetailsFragmentCreate your own Fragment and extend from Leanback DetailsFragment:


DetailsFragmentConfigure DetailsFragment background to be updated when needed:


DetailsFragmentShow detailed information using the same approach we use with BrowseFragment based on ArrayObjectAdapter:


DetailsFragmentAdd actions if needed:


SearchFragmentCreate your own Fragment and extend from Leanback SearchFragment:


SearchFragmentTo be able to react to user clicks you have to configure a OnItemViewClickedListener instance:


SearchFragmentOverride some methods to perform your search and indicate the adapter you are going to use to show search information.

Your fragment has to implement Leanback SearchResultProvider interface.


Android PresentersAndroid Presenters are the base of how your data is shown inside Leanback Fragments. You can use some widgets from Leanback library or create your own presenters.


RecommendationsAndroid gives you the opportunity to show content recommendations to your users. This mechanism is based on classic Android notifications.


Without Leanback library


Without Leanback libraryOne of the problems related to the Leanback usage is that all your applications are going to be really similar. If you want to do something different, youll have to use your imagination.

Some interesting ideas:

Use the focus and selectors to give more information to the user.

State list animator is going to be your new best friend.

Some elements will have to be focusables and disable the focus on runtime could be needed.

Change your backgrounds with cool images to provide more context to the user.


Without Leanback library: FocusNextFocusX configuration is going to be really useful for your UI.

RequestFocus xml label will provide you more flexibility.

Remember to enable focusable in some of your views, default state is false in some views.


Without Leanback library: State List AnimatorsIf you want to improve how your users know whats the elemen it selected and you are not using a Leanback widget, you can use state list animators to animate your widgets when one get or lose the focus.


Without Leanback library: Use focus programmaticallyUse getCurrentFocus() method to know which is the view with the focus and dont be afraid to change focusable attribute of your views to create a better user experience.


Without Leanback library: BackgroundsTo be able to provide more information to the user about the current context you can change the Activity/Fragment background.


https://www.github.com/pedrovgs/TuentiTV

Show me the code!


Questions?

working with android tv - english

Software

gmez snchez

s github

thinking differentpedro

leanback browsefragment

compedrovgsfirst stepspedro

user interface

user experience

compedrovgs introduction