The Android TV home screen, or simply the home screen, provides a UI that displays recommended content as a table of channels and programs. Each row is a channel. A channel contains cards for every program available on that channel:
This document demonstrates how to add channels and programs to the home screen, update content, handle user actions, and provide the best experience for your users. (If you'd like to dig deeper into the API, try the home screen codelab and watch the I/O 2017 Android TV session.)
Note: Recommendations channels are only available in Android 8.0 (API level 26) and later. You must use them to supply recommendations for apps running in Android 8.0 (API level 26) and later. To supply recommendations for apps running on earlier versions of Android, your app must use the recommendations row instead.
The home screen UI
Apps can create new channels, add, remove, and update the programs in a channel, and control the order of programs in a channel. For example an app can create a channel called "What's New" and show cards for newly available programs.
Apps cannot control the order in which channels appear in the home screen. When your app creates a new channel, the home screen adds it to the bottom of the channel list. The user can reorder, hide, and show channels.
The Watch Next channel
The Watch Next channel is the second row that appears in the home screen, after the apps row. The system creates and maintains this channel. Your app can add programs to the Watch Next channel. For more information, see Add programs to the Watch Next channel.
App channels
The channels that your app creates all follow this life cycle:
- User discovers a channel in your app and requests to add it to the home screen.
- App creates the channel and adds it to the
TvProvider
(at this point the channel is not visible). - App asks the system to display the channel.
- System asks user to approve the new channel.
- New channel appears in the last row of the home screen.
The default channel
Your app can offer any number of channels for the user to add to the home screen. The user usually has to select and approve each channel before it appears in the home screen. Every app has the option of creating one default channel. The default channel is special because it automatically appears in the home screen; the user does not have to explicitly request it.
Prerequisites
The Android TV home screen uses Android's TvProvider
APIs to manage the channels and programs that your app creates.
To access the provider's data, add the following permission to your app's manifest:
<uses-permission android:name="com.android.providers.tv.permission.WRITE_EPG_DATA" />
The TvProvider
support library makes it easier to use the provider. Add it to the dependencies in your build.gradle
file:
Groovy
implementation 'androidx.tvprovider:tvprovider:1.0.0'
Kotlin
implementation("androidx.tvprovider:tvprovider:1.0.0")
To work with channels and programs, be sure to include these support library imports in your program:
Kotlin
import android.support.media.tv.Channel import android.support.media.tv.TvContractCompat import android.support.media.tv.ChannelLogoUtils import android.support.media.tv.PreviewProgram import android.support.media.tv.WatchNextProgram
Java
import android.support.media.tv.Channel; import android.support.media.tv.TvContractCompat; import android.support.media.tv.ChannelLogoUtils; import android.support.media.tv.PreviewProgram; import android.support.media.tv.WatchNextProgram;
Channels
The first channel your app creates becomes its default channel. The default channel automatically appears in the home screen. All other channels you create must be selected and accepted by the user before they can appear in the home screen.
Creating a channel
Your app should ask the system to show newly added channels only when it is running in the foreground. This prevents your app from displaying a dialog requesting approval to add your channel while the user is running a different app. If you try to add a channel while running in the background, the activity's onActivityResult()
method returns the status code RESULT_CANCELED
.
To create a channel, follow these steps:
Create a channel builder and set its attributes. Note that the channel type must be
TYPE_PREVIEW
. Add more attributes as required.Kotlin
val builder = Channel.Builder() // Every channel you create must have the type
TYPE_PREVIEW
builder.setType(TvContractCompat.Channels.TYPE_PREVIEW) .setDisplayName("Channel Name") .setAppLinkIntentUri(uri)Java
Channel.Builder builder = new Channel.Builder(); // Every channel you create must have the type
TYPE_PREVIEW
builder.setType(TvContractCompat.Channels.TYPE_PREVIEW) .setDisplayName("Channel Name") .setAppLinkIntentUri(uri);Insert the channel into the provider:
Kotlin
var channelUri = context.contentResolver.insert( TvContractCompat.Channels.CONTENT_URI, builder.build().toContentValues())
Java
Uri channelUri = context.getContentResolver().insert( TvContractCompat.Channels.CONTENT_URI, builder.build().toContentValues());
-
You need to save the channel ID in order to add programs to the channel later. Extract the channel ID from the returned URI:
Kotlin
var channelId = ContentUris.parseId(channelUri)
Java
long channelId = ContentUris.parseId(channelUri);
You must add a logo for your channel. Use a
Uri
orBitmap
. The logo icon should be 80dp x 80dp, and it must be opaque. It is displayed under a circular mask:Kotlin
// Choose one or the other storeChannelLogo(context: Context, channelId: Long, logoUri: Uri) // also works if logoUri is a URL storeChannelLogo(context: Context, channelId: Long, logo: Bitmap)
Java
// Choose one or the other storeChannelLogo(Context context, long channelId, Uri logoUri); // also works if logoUri is a URL storeChannelLogo(Context context, long channelId, Bitmap logo);
Create the default channel (optional): When your app creates its first channel, you can make it the default channel so it appears in the home screen immediately without any user action. Any other channels you create aren't visible until the user explicitly selects them.
Kotlin
TvContractCompat.requestChannelBrowsable(context, channelId)
Java
TvContractCompat.requestChannelBrowsable(context, channelId);
- Make your default channel appear before your app is opened. You can
make this behavior happen by adding a
BroadcastReceiver
that listens for theandroid.media.tv.action.INITIALIZE_PROGRAMS
action, which the home screen sends after the app is installed:<receiver android:name=".RunOnInstallReceiver" android:exported="true"> <intent-filter> <action android:name="android.media.tv.action.INITIALIZE_PROGRAMS" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </receiver>
When sideloading your app during development, you can test this step by triggering the intent through adb, where your.package.name/.YourReceiverName is your app'sBroadcastReceiver
:adb shell am broadcast -a android.media.tv.action.INITIALIZE_PROGRAMS -n \ your.package.name/.YourReceiverName
In rare cases, your app might receive the broadcast at the same time the user starts your app. Make sure your code doesn't try to add the default channel more than once.
Updating a channel
Updating channels is very similar to creating them.
Use another Channel.Builder
to set the attributes that need to change.
Use the ContentResolver
to update the channel. Use the channel ID that you saved when the channel was originally added:
Kotlin
context.contentResolver.update( TvContractCompat.buildChannelUri(channelId), builder.build().toContentValues(), null, null )
Java
context.getContentResolver().update(TvContractCompat.buildChannelUri(channelId), builder.build().toContentValues(), null, null);
To update a channel's logo, use storeChannelLogo()
.
Deleting a channel
Kotlin
context.contentResolver.delete(TvContractCompat.buildChannelUri(channelId), null, null)
Java
context.getContentResolver().delete(TvContractCompat.buildChannelUri(channelId), null, null);
Programs
Adding programs to an app channel
Create a PreviewProgram.Builder
and set its attributes:
Kotlin
val builder = PreviewProgram.Builder() builder.setChannelId(channelId) .setType(TvContractCompat.PreviewPrograms.TYPE_CLIP) .setTitle("Title") .setDescription("Program description") .setPosterArtUri(uri) .setIntentUri(uri) .setInternalProviderId(appProgramId)
Java
PreviewProgram.Builder builder = new PreviewProgram.Builder(); builder.setChannelId(channelId) .setType(TvContractCompat.PreviewPrograms.TYPE_CLIP) .setTitle("Title") .setDescription("Program description") .setPosterArtUri(uri) .setIntentUri(uri) .setInternalProviderId(appProgramId);
Add more attributes depending on the type of program. (To see the attributes available for each type of program, refer to the tables below.)
Insert the program into the provider:
Kotlin
var programUri = context.contentResolver.insert(TvContractCompat.PreviewPrograms.CONTENT_URI, builder.build().toContentValues())
Java
Uri programUri = context.getContentResolver().insert(TvContractCompat.PreviewPrograms.CONTENT_URI, builder.build().toContentValues());
Retrieve the program ID for later reference:
Kotlin
val programId = ContentUris.parseId(programUri)
Java
long programId = ContentUris.parseId(programUri);
Adding programs to the Watch Next channel
To insert programs into the Watch Next channel, see Add programs to the Watch Next channel.
Updating a program
You can change a program's information. For example, you may want to update the rental price for a the movie, or update a progress bar showing how much of a program the user has watched.
Use a PreviewProgram.Builder
to set the attributes you need to change,
then call getContentResolver().update
to update the program. Specify the program ID that you saved when the program was originally added:
Kotlin
context.contentResolver.update( TvContractCompat.buildPreviewProgramUri(programId), builder.build().toContentValues(), null, null )
Java
context.getContentResolver().update(TvContractCompat.buildPreviewProgramUri(programId), builder.build().toContentValues(), null, null);
Deleting a program
Kotlin
context.contentResolver .delete(TvContractCompat.buildPreviewProgramUri(programId), null, null)
Java
context.getContentResolver().delete(TvContractCompat.buildPreviewProgramUri(programId), null, null);
Handling user actions
Your app can help users discover content by providing a UI to display and add channels. Your app should also handle interactions with your channels after they appear in the home screen.
Discovering and adding channels
Your app can provide a UI element that lets the user select and add its channels (for example, a button that asks to add the channel).
After the user requests a specific channel, execute this code to get the user's permission to add it to the home screen UI:
Kotlin
val intent = Intent(TvContractCompat.ACTION_REQUEST_CHANNEL_BROWSABLE) intent.putExtra(TvContractCompat.EXTRA_CHANNEL_ID, channelId) try { activity.startActivityForResult(intent, 0) } catch (e: ActivityNotFoundException) { // handle error }
Java
Intent intent = new Intent(TvContractCompat.ACTION_REQUEST_CHANNEL_BROWSABLE); intent.putExtra(TvContractCompat.EXTRA_CHANNEL_ID, channelId); try { activity.startActivityForResult(intent, 0); } catch (ActivityNotFoundException e) { // handle error }
The system displays a dialog asking the user to approve the channel.
Handle the result of the request in the onActivityResult
method of your activity (Activity.RESULT_CANCELED
or Activity.RESULT_OK
).
Android TV home screen events
When the user interacts with the programs/channels published by the app, the home screen sends intents to the app:
- The home screen sends the
Uri
stored in the APP_LINK_INTENT_URI attribute of a channel to the app when the user selects the channel's logo. The app should just launch its main UI or a view related to the selected channel. - The home screen sends the
Uri
stored in the INTENT_URI attribute of a program to the app when the user selects a program. The app should play the selected content. - The user can indicate that they are no longer interested in a program and want it removed from the home screen's UI. The system removes the program from the UI and sends the app that owns the program an intent (android.media.tv.ACTION_PREVIEW_PROGRAM_BROWSABLE_DISABLED or android.media.tv.ACTION_WATCH_NEXT_PROGRAM_BROWSABLE_DISABLED) with the program's ID. The app should remove the program from the provider and should NOT reinsert it.
Make sure to create intent filters for all the Uris
that the home screen sends for user interactions; for example:
<receiver
android:name=".WatchNextProgramRemoved"
android:enabled="true"
android:exported="true">
<intent-filter>
<action android:name="android.media.tv.ACTION_WATCH_NEXT_PROGRAM_BROWSABLE_DISABLED" />
</intent-filter>
</receiver>
Best practices
- Many TV apps require that users login. In this case the
BroadcastReceiver
that listens forandroid.media.tv.action.INITIALIZE_PROGRAMS
should suggest channel content for unauthenticated users. For example, your app can initially show the best content or currently popular content. After the user logs in, it can show personalized content. This is a great chance for apps to up-sell users before they login. - When your app is not in the foreground and you need to update a channel or a
program, use the
JobScheduler
to schedule the work (see: JobScheduler and JobService). - The system can revoke your app's provider permissions if your app misbehaves (for example: continuously spamming the provider with data). Make sure you wrap the code that accesses the provider with try-catch clauses to handle security exceptions.
Before updating programs and channels, query the provider for the data you need to update and reconcile the data. For example, there is no need to update a program that the user wants removed from the UI. Use a background job that inserts/updates your data into the provider after querying for the existing data and then requesting approval for your channels. You can run this job when the app starts and whenever the app needs to update its data.
Kotlin
context.contentResolver .query( TvContractCompat.buildChannelUri(channelId), null, null, null, null).use({ cursor-> if (cursor != null and cursor.moveToNext()) { val channel = Channel.fromCursor(cursor) if (channel.isBrowsable()) { //update channel's programs } } })
Java
try (Cursor cursor = context.getContentResolver() .query( TvContractCompat.buildChannelUri(channelId), null, null, null, null)) { if (cursor != null && cursor.moveToNext()) { Channel channel = Channel.fromCursor(cursor); if (channel.isBrowsable()) { //update channel's programs } } }
Use unique Uris for all images (logos, icons, content images). Be sure to use a different Uri when you update an image. All images are cached. If you do not change the Uri when you change the image, the old image will continue to appear.
Remember that WHERE clauses are not allowed and calls to the providers with WHERE clauses will throw a security exception.
Attributes
This section describes the channel and program attributes separately.
Channel attributes
You must specify these attributes for every channel:
Attribute | Notes |
---|---|
TYPE | set to TYPE_PREVIEW . |
DISPLAY_NAME | set to the name of the channel. |
APP_LINK_INTENT_URI | When the user selects the channel's logo the system sends an intent to start an activity that presents content relevant to the channel. Set this attribute to the Uri used in the intent filter for that activity. |
In addition, a channel also has six fields reserved for internal app usage. These fields can be used to store keys or other values that can help the app map the channel to its internal data structure:
- INTERNAL_PROVIDER_ID
- INTERNAL_PROVIDER_DATA
- INTERNAL_PROVIDER_FLAG1
- INTERNAL_PROVIDER_FLAG2
- INTERNAL_PROVIDER_FLAG3
- INTERNAL_PROVIDER_FLAG4
Program attributes
See the individual pages for the attributes for each type of program:
- Video Program Attributes
- Audio Program Attributes
- Game Program Attributes
- Watch Next Program Attributes
Sample Code
To learn more about building apps that interact with the home screen and add channels and programs to the Android TV home screen, see our home screen codelab.