Leanback UI ツールキット ライブラリ

Compose でビルドを改善する
Android TV OS 用の Jetpack Compose を使用して、最小限のコードで美しい UI を作成します。

Leanback UI ツールキットには、Android TV OS 用に開発されたアプリ専用のテレビ固有のライブラリがいくつか用意されています。これらのライブラリには次のものが含まれます。

  • Leanback ライブラリ: Android TV アプリの作成を簡素化する UI テンプレートを提供します。
  • Leanback 設定ライブラリ: プラットフォームと一致する設定画面を提供しますが、アプリに合わせてテーマを設定できます。
  • Leanback ページング ライブラリ: Leanback テンプレートでよく使用される ObjectAdapters の AndroidX ページング モデルをサポートします。
  • Leanback Tabs ライブラリ: Android TV でタブナビゲーションをサポートします。

Leanback ページング ライブラリ

Leanback UI ツールキット内のページングは、AndroidX の Paging 3 ライブラリと同じように動作し、RecyclerView.Adapter へのページングの追加が簡単になります。Leanback ページング ライブラリでは、公開されるアダプターは通常 ObjectAdapter であるため、ライブラリはページングのサポートを ObjectAdapter に追加します。

アプリにページング アダプターを追加するには、まずプロジェクトにライブラリ依存関係を追加します。

implementation "androidx.leanback:leanback-paging:$version"

その後、androidx.paging.PagingDataAdapter ではなく androidx.leanback.paging.PagingDataAdapter を使用して、Paging 3 のドキュメントに従います。唯一の違いは、Presenter または PresenterSelector を渡せるようになったことです。これは、ListRow など、通常 ObjectAdapter を使用するすべての場所で機能します。

Kotlin

val adapter: PagingDataAdapter<MyItem> = PagingDataAdapter(myPresenter,
   object : DiffUtil.ItemCallback<MyItem>() {
       override fun areItemsTheSame(
           oldItem: MyItem,
           newItem: MyItem
       ): Boolean {
           return oldItem.id === newItem.id
       }

       override fun areContentsTheSame(
           oldItem: MyItem,
           newItem: MyItem
       ): Boolean {
           return oldItem == newItem
       }
   })

val header = HeaderItem(headerTitle)
val row = ListRow(header, adapter)

Java

PagingDataAdapter<MyItem> adapter = new PagingDataAdapter(myPresenter, new DiffUtil.ItemCallback<MyItem>() {
    @Override
    public boolean areItemsTheSame(@NonNull MyItem oldItem, @NonNull MyItem newItem) {
        return oldItem.getId().equals(newItem.getId());
    }

    @Override
    public boolean areContentsTheSame(@NonNull MyItem oldItem, @NonNull MyItem newItem) {
        return oldItem.equals(newItem);
    }
});

HeaderItem header = new HeaderItem(headerTitle);
Row row = new ListRow(header, adapter);

Leanback Tabs ライブラリ

Leanback UI ツールキットのテンプレートでは、ブラウズ画面でのサイド ナビゲーションが可能です。アプリの上部に横方向にタブの行を追加するには、代わりに Leanback Tabs を使用します。

プロジェクトにライブラリ依存関係を追加します。

implementation "androidx.leanback:leanback-tab:$version"

次に、既存の ViewPager ガイドに沿って、LeanbackTabLayoutLeanbackViewPager を使用してタブを実装します。なお、LeanbackViewPagerViewPager2 ではなく ViewPager に基づいています。

次に例を示します。

Kotlin

val leanbackTabLayout = findViewById<LeanbackTabLayout>(R.id.tab_layout)
val leanbackViewPager = findViewById<LeanbackViewPager>(R.id.view_pager)

leanbackViewPager.setAdapter(adapter)
leanbackTabLayout.setupWithViewPager(leanbackViewPager)

Java

LeanbackTabLayout leanbackTabLayout = findViewById(R.id.tab_layout);
LeanbackViewPager leanbackViewPager = findViewById(R.id.view_pager);

leanbackViewPager.setAdapter(adapter);
leanbackTabLayout.setupWithViewPager(leanbackViewPager);

制限事項

Leanback Tabs ライブラリには、サポートするテーマとフォーカス移動の処理方法に関する制限があります。

サポートされているテーマ

Theme.AppCompat から派生したテーマのみがサポートされています。TabLayout にはテーマ適用制約が含まれており、Theme.AppCompat の子孫ではないテーマは使用できません。Leanback UI ツールキットのブリッジテーマを使用することもできます。

タブから上部へのフォーカス移動

レイアウトの高さが画面の高さより大きい場合に D-pad の上ボタンを押すと、コントロールはフラグメントの内部にとどまらず上位のアイテムに移動するのではなく、タブに戻ります(図 1 を参照)。この問題に対処するには、フラグメント内のコンテンツがフォーカス検索をオーバーライドする必要があります。たとえば、RowsSupportFragment を使用します。BrowseSupportFragment はタブ内では使用できません。これは、フォーカス検索メソッドがオーバーライドされていて、フォーカスがタブに戻らないためです。

図 1.D-pad の上ボタンを押すと、前の項目ではなくタブにフォーカスが移動します。