Working with Android TV - English

Pedro V. Gómez Sánchez - pedro@karumi.com - @pedro_g_s - github.com/pedrovgs
Working with Android TV
Pedro Vicente Gómez Sánchez
Android Expert at Karumi
pedro@karumi.com
@pedro_g_s
github.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 don’t want to do something different.
● Forget about touch your TV.
Introduction

First steps

Add Leanback library to your project:
First steps

First steps
Configure 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 different
All the user experience is going to be related to the focus usage.

You have a microphone, use it.
Thinking different

Use the background, it’s a powerful tool.
Thinking different

Use content recommendations.
Thinking different

Leanback Library

BrowseFragment

DetailFragment

SearchFragment

How can I use these Fragments?

BrowseFragment
Create your own Fragment and extend from Leanback BrowseFragment:

BrowseFragment
Configure your user interface to apply your application colors and icons:

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

BrowseFragment
Each row is going to be represented with one “ArrayObjectAdapter”, one
“HeaderItem” and one “Presenter”:

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

DetailsFragment
Create your own Fragment and extend from Leanback DetailsFragment:

DetailsFragment
Configure DetailsFragment background to be updated when needed:

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

DetailsFragment
Add actions if needed:

SearchFragment
Create your own Fragment and extend from Leanback SearchFragment:

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

SearchFragment
Override 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 Presenters
Android 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.

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

Without Leanback library

Without Leanback library
One 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, you’ll 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:
Focus
NextFocusX 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.

State List Animators
If you want to improve how
your users know what’s 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.

Use focus programmatically
Use “getCurrentFocus()”
method to know which is the
view with the focus and don’
t be afraid to change
“focusable” attribute of your
views to create a better user
experience.

Backgrounds
To 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

Recommended

Recommended

More Related Content

What's hot

What's hot (11)

Viewers also liked

Viewers also liked (20)

Similar to Working with Android TV - English

Similar to Working with Android TV - English (20)

Recently uploaded

Recently uploaded (20)

Working with Android TV - English