2014/08/14

AndroidTV:Row, RowPresenter

Table of contents

Introduction

Android leanback support libraryにはコンテンツ表示用のAPIがいくつか提供されている.
ここではコンテンツのヘッダを表現するクラス群について記載する.

Overview

メディアコンテンツを一覧表示する際には”カテゴリ”といったメタ情報を表示し, グルーピングするのが一般的である.
Android leanback support libraryはメタ情報をヘッダとして扱い, 抽象化する.


[カテゴリ毎にグルーピングされたメディアコンテンツ]

Row header

コンテンツリストの”行”はRowクラスで表現され, メタ情報はHeaderItemとしてRowに保持される.
RowがModelに対応し, RowPresenterがModelをViewへバインドするPresenterとして作用する.
Rowは”行”(および行見出し)として振る舞うだけで, “行”に紐づく子要素を持たない.

Rowに(先述のような)Menu Item 1, 2, 3 … を追加したければ, サブクラスのListRowクラスを使用する.

APIs

Row

android.support.v17.leanback.widget.Row

Class Overview

A row in a RowsFragment. This is the base class for all rows. You will typically use a ListRow, but you may override this class for non-list Rows.

“行”を表現するクラス. これはすべての”行”の基底クラスとなる.
ただし, 非リスト表現のためにこのクラスを拡張することもできる.

Summary

下記は主なAPI.

Row(HeaderItem headerItem)
Constructor for a Row.
行を初期化し, HeaderItemをセットする.
getHeaderItem()
Get the HeaderItem that represents metadata for the row.
行のメタ情報表現であるHeaderItemを返却する
setHeaderItem(HeaderItem headerItem)
Set the HeaderItem that represents metadata for the row.
行のメタ情報表現であるHeaderItemを設定する
getId()

Returns a unique identifier for this row. This id can come from one of three places:

  • If setId(long) is ever called on this row, it will return this id.
  • If setId(long) has not been called but the header item is not null, the result of HeaderItem.getId() is returned.
  • Otherwise ObjectAdapter#NO_ID is returned.

行を特定するユニークなIDを返却する.IDは次の3つの内から返される.

  • setId(long)が呼ばれている場合は, この行のIDを返却する
  • setId(long)が呼ばれておらず, HeaderItemが存在する場合はHeaderItem.getId()の値を返却する
  • 上記以外の場合はObjectAdapter#NO_IDを返却する
setId(long id)
Set the id for this row.
行を特定するユニークIDを設定する

HeaderItem

android.support.v17.leanback.widget.HeaderItem

Class Overview

A header item is an item that describes metadata of Row, such as a category of media items. Developer may override this class to add more information.

ヘッダは, メディアコンテンツの”カテゴリ”にあたるメタ情報の表現.
メタ情報を追加したい場合はこのクラスを拡張する.

Summary

下記は主なAPI.

HeaderItem(long id, String name, String imageUri)
Create a header item.
ヘッダの初期化
getId()
Returns a unique identifier for this item.
このヘッダのユニークIDを返却する
getImageUri()
Returns the icon for this header item.
このヘッダのアイコンを返却する
getName()
Returns the name of this header item.
このヘッダの名前を返却する

RowPresenter

android.support.v17.leanback.widget.Presenter
 ┗android.support.v17.leanback.widget.RowPresenter

Class Overview

An abstract Presenter that renders a Row.

Rowをレンダリング対象とする抽象的なPresenter

Customize UI widgets

When a subclass of RowPresenter adds UI widgets, it should subclass RowPresenter.ViewHolder and override createRowViewHolder(ViewGroup) and initializeRowViewHolder(ViewHolder).

RowPresenterを継承しUIウィジェットを追加する場合, そのサブクラスはRowPresenter.ViewHolderを継承し, createRowViewHolder(ViewGroup)メソッドとinitializeRowViewHolder(ViewHolder)メソッドをオーバライドすべき.

The subclass must use layout id “row_content” for the widget that will be aligned to the title of any HeadersFragment that may exist in the parent fragment.

サブクラスはUIウィジェットのレイアウトIDにrow_contentを使用すること.
これにより親Fragmentとして存在し得るHeadersFragmentにより, タイトルに沿って行が配置される.

RowPresenter contains an optional and replaceable RowHeaderPresenter that renders the header. You can disable the default rendering or replace the Presenter with a new header presenter by calling setHeaderPresenter(RowHeaderPresenter).

RowPresenterはヘッダをレンダリングする置換可能なRowHeaderPresenterを持つことがある.
setHeaderPresenter(RowHeaderPresenter)を使用することで, 標準レンダラを無効化するか, あるいは別のレンダラに置き換えることもできる.

UI events from fragments

RowPresenter receives calls from its parent (typically a Fragment) when:

RowPresenterは次のケースで(通常Fragmentから)呼び出される

  • A Row is selected via setRowViewSelected(Presenter.ViewHolder, boolean). The event is triggered immediately when there is a row selection change before the selection animation is started. Subclasses of RowPresenter may override onRowViewSelected(ViewHolder, boolean).

setRowViewSelected(Presenter.ViewHolder, boolean)で行が選択された場合.
行を選択する際, 選択アニメーションが始まるよりも前にイベントは発行される.
RowPresenterのサブクラスはonRowViewSelected(ViewHolder, boolean)メソッドをoverrideできる.

  • A Row is expanded to full width via setRowViewExpanded(Presenter.ViewHolder, boolean). The event is triggered immediately before the expand animation is started. Subclasses of RowPresenter may override onRowViewExpanded(ViewHolder, boolean).

setRowViewExpanded(Presenter.ViewHolder, boolean)で行が展開された場合.
展開アニメーションよりも前にイベントは発行される.
RowPresenterのサブクラスはonRowViewExpanded(ViewHolder, boolean)メソッドをoverrideできる.

User events

RowPresenter provides OnItemSelectedListener and OnItemClickedListener. If a subclass wants to add its own View.OnFocusChangeListener or View.OnClickListener, it must do that in createRowViewHolder(ViewGroup) to be properly chained by the library. Adding View listeners after createRowViewHolder(ViewGroup) is undefined and may result in incorrect behavior by the library’s listeners.

RowPresenteronItemSelectedListenerOnItemClickedListenerを提供する.
もしサブクラスがView.OnFocusChangeListenerまたはView.OnClickListenerを追加したい場合はcreateRowViewHolder(ViewGroup)で行う.
createRowViewHolder(ViewGroup)は後続処理のため適切にoverrideすること. createRowViewHolder(ViewGroup)の後でViewのリスナーを追加しても正しく動作しない可能性がある.

Selection animation

When a user scrolls through rows, a fragment will initiate animation and call setSelectLevel(Presenter.ViewHolder, float) with float value between 0 and 1. By default, the RowPresenter draws a dim overlay on top of the row view for views that are not selected.

ユーザが行をスクロールした場合, Fragmentはアニメーションを生成しsetSlectLevel(Presenter.ViewHolder, float)メソッドを呼び出す. float値は0(unselected)~1(selected)の間.
RowPresenterは標準で選択されていない行に対してdimエフェクトをオーバレイ描画する.


[dimming effect off/on]

Subclasses may override this default effect by having isUsingDefaultSelectEffect() return false and overriding onSelectLevelChanged(ViewHolder) to apply a different selection effect.

サブクラスはisUsingDefaultSelectEffect()でfalseを返し, onSelectLevelChanged(ViewHolder)をoverrideして異なる選択エフェクトを適用することができる.

Call setSelectEffectEnabled(boolean) to enable/disable the select effect, This will not only enable/disable the default dim effect but also subclasses must respect this flag as well.

setSelectEffectEnabled(boolean)でdimエフェクトのon/offを選択できる.
これはデフォルトのdimエフェクトをon/offするにとどまらない. サブクラスはこのフラグに注意すること.

Summary

下記は主なAPI.

getSelectEffectEnabled()
Returns true if the row selection effect is enabled. This value not only determines whether the default dim implementation is used, but subclasses must also respect this flag.
行の選択エフェクトが有効である場合はtrueが返却される. このフラグはデフォルトdimエフェクトを使うかどうかだけでは決定されないため, サブクラスはこのフラグに注意すること.
setSelectEffectEnabled(boolean applyDimOnSelect)
Enables or disables the row selection effect. This will not only affect the default dim effect, but subclasses must respect this flag as well.
選択エフェクトを有効あるいは無効にする. このフラグの影響はデフォルトdimエフェクトに留まらない.
サブクラスはこのフラグに注意すること.
isUsingDefaultSelectEffect()
Return whether this RowPresenter is using the default dimming effect provided by the library. Subclasses may(most likely) return false and override onSelectLevelChanged(ViewHolder).
RowPresenterがライブラリ標準のdimエフェクトを提供しているかどうか.
サブクラスはonSelectLevelChanged(ViewHolder)をoverrideして選択エフェクトを再定義する場合はfalseを返すこと.
setOnItemClickedListener(OnItemClickedListener listener)
Set the listener for item click events. A RowPresenter does not use this listener, but a subclass may fire an item click event if it has the concept of an item. The OnItemClickedListener will override any View.OnClickListener that an item’s Presenter sets during onCreateViewHolder(ViewGroup). So in general, you should choose to use an OnItemClickedListener or a View.OnClickListener, but not both.
アイテムのクリックイベントリスナを設定する. RowPresenterはこのリスナを使用しないが, サブクラスはクリックイベントの処理をここに定義できる.
OnItemClickedListenerは, PresenterによりonCreateViewHolder(ViewGroup)の中でoverrideされたView.OnClickListenerでセットされます.
一般的にOnItemClickedListenerまたはView.OnClickListenerのいずれかが選択されます.
setOnItemSelectedListener(OnItemSelectedListener listener)
Set the listener for item or row selection. A RowPresenter fires a row selection event with a null item. Subclasses (e.g. ListRowPresenter) can fire a selection event with the selected item.
行,またはアイテム選択のリスナを設定する. RowPresenterは性質上, 空アイテムの選択でこのイベントを発行する.
サブクラス(例えばListRowPresenter)はアイテムが選択されたらイベントを発行できる.

License:
Portions of this page are modifications based on work created and shared by the Android Open Source Project
and used according to terms described in the Creative Commons 2.5 Attribution License.

AndroidTV:ObjectAdapter, Presenter

Table of contents

Introduction

Android leanback support libraryには, メディアコンテンツを閲覧表示するためのAPIが備わっている.
ここではObjectAdapterPresenterについて記載する.

Overview

Android leanback support libraryはコンテンツ(Model)と表示(View)の責務を分離するPresenterの仕組みを提供する.
またModelとPresenterの接続役となるObjectAdapterも提供される.

ObjectAdapterはデータ(メディアコンテンツ等)と, PresenterSelectorを内包する抽象クラス.
BrowserFragment, DetailsFragment(あるいはそれらのサブクラス)のsetAdapter(ObjectAdapter)でObjectAdapterを登録する.
PresenterSelectorはModel毎に最適なPresenterを選択し, PresenterがこれをViewにバインドする.

Model-View-Presenter Pattern

本稿についてはModel-View-Presenter Patternについて知っておくと理解が早い.


AndroidTVでは, メディアコンテンツがModelに, PresenterがPresenterに, ViewがViewにそれぞれ対応する.
ObjectAdapterはModelとPresenterを対応づけるアダプタとして作用する.

APIs

ObjectAdapter

android.support.v17.leanback.widget.ObjectAdapter

Class Overview

Adapter for leanback activities. Provides access to a data model and is decoupled from the presentation of the items via PresenterSelector.

Leanback Activity用のAdapter. Modelへのアクセス手段を提供し, PresenterSelectorでModelとViewを分離する.

ObjectAdapterは抽象クラスであり, Modelを管理する手段を提供しない.
ModelをArrayListで管理する場合はサブクラスのArrayObjectAdapterを使用する.

// Set Presenter
ArrayObjectAdapter adapter =
        new ArrayObjectAdapter(new MyStringPresenter());

// Add Models
adapter.add("Media Item 1");
adapter.add("Media Item 2");
adapter.add("Media Item 3");

ObjectAdapterにPresenterSelectorを設定する主な方法は次の3パターン.

  1. ObjectAdapterのコンストラクタ引数にPresenterSelectorインスタンスを渡す
  2. ObjectAdapterのコンストラクタ引数にPresenterインスタンスを渡す
  3. ObjectAdapter.setPresenterSelectorメソッドでPresenterSelectorをセットする
// 1. Set Presenter
ArrayObjectAdapter adapter1 = new ArrayObjectAdapter(
        new MyStringPresenter());

// 2. Set PresenterSelector
ArrayObjectAdapter adapter2 = new ArrayObjectAdapter(
        new SinglePresenterSelector(new MyStringPresenter()));

// 3. Lazy initialize
ArrayObjectAdapter adapter3 = new ArrayObjectAdapter();
adapter3.setPresenterSelector(
        new SinglePresenterSelector(new MyStringPresenter()));

Summary

下記は主なAPI.

ObjectAdapter(PresenterSelector presenterSelector)
Construct an adapter with the given PresenterSelector.
Adapterを初期化し, PresenterSelectorを設定する
ObjectAdapter(Presenter presenter)
Construct an adapter that uses the given Presenter for all items.
Adapterを初期化し, 全てのリスト項目にPresenterを使用する.内部的にはSinglePresenterSelectorが設定される.
ObjectAdapter.DataObserver
A DataObserver can be notified when an ObjectAdapter’s underlying data changes.
DataObserverはObjectAdapterのデータに変更があった場合に通知を受け取ることができる
get(int position)
Returns the item for the given position.
引数positionに位置するitem(Model)を返却
getId(int position)
Returns id for the given position.
引数positionに位置するidを返却
getPresenter(Object item)
Returns the Presenter for the given item from the adapter.
item(Model)に対応するPresenterを返却
setPresenterSelector(PresenterSelector presenterSelector)
Set the presenter selector.
PresenterSelectorを設定する

PresenterSelector

android.support.v17.leanback.widget.PresenterSelector

Class Overview

A PresenterSelector is used to obtain a Presenter for a given Object.

PresenterSelectorは対象Modelに対応するPresenterを取得するために使用される.

ObjectAdapterがModelをViewへバインドするためのPresenterの選択に使用される.
Presenterオブジェクトを取得するために使用される基本的なPresenterSelectorは次の通り.

  • ClassPresenterSelector
  • SinglePresenterSelector

Summary

getPresenter(Object item)
Returns a presenter for the given item.
item(Model)に対応するPresenterを返却する.

SinglePresenterSelector

android.support.v17.leanback.widget.PresenterSelector
 ┗ndroid.support.v17.leanback.widget.SinglePresenterSelector

Class Overview

常に同じPresenterを返すPresenterSelector. Modelが全て同じタイプである場合に使用する.

public final class SinglePresenterSelector extends PresenterSelector {
    private final Presenter mPresenter;

    public SinglePresenterSelector(Presenter presenter) {
        mPresenter = presenter;
    }

    @Override
    public Presenter getPresenter(Object item) {
        return mPresenter;
    }
}

Summary

SinglePresenterSelector(Presenter presenter)
The Presenter to return for every item.
全てのModel共通で使用されるPresenterを指定して初期化
getPresenter(Object item)
Returns a presenter for the given item.
指定されたitem(Model)に対応するPresenterを返却する. 常に同じPresenterを返却する.

ClassPresenterSelector

android.support.v17.leanback.widget.PresenterSelector
 ┗android.support.v17.leanback.widget.ClassPresenterSelector

Class Overview

Modelの内容に基づいてPresenterクラスを切り替えたい場合に使用する.
ClassPresenterSelectorはClassをキーに持つMapでPresenterを管理する.

public final class ClassPresenterSelector extends PresenterSelector {
    private final HashMap<Class<?>, Presenter> mClassMap = new HashMap<Class<?>, Presenter>();

    public void addClassPresenter(Class<?> cls, Presenter presenter) {
        mClassMap.put(cls, presenter);
    }

    @Override
    public Presenter getPresenter(Object item) {
        // item.getClass() にマッチするPresenterをmClassMapから見つけ出し返却する
    }
}

Summary

addClassPresenter(Class cls, Presenter presenter)
(no description)
Modelの型に対応するPresenterを登録する
getPresenter(Object item)
Returns a presenter for the given item.
指定されたitem(Model)に対応するPresenterを返却する.

Presenter

android.support.v17.leanback.widget.Presenter

Class Overview

A Presenter is used to generate Views and bind Objects to them on demand. It is closely related to concept of an RecyclerView.Adapter, but is not position-based.

PresenterはViewを生成しObjectをバインドする.
これはRecyclerview.Adapterのコンセプトと近似しているがpositionベースではない.

A trivial Presenter that takes a string and renders it into a TextView:

下記はPresenterがStringを受け取りそれをTextViewにレンダリングするコード:

public class StringTextViewPresenter extends Presenter {
    // This class does not need a custom ViewHolder, since it does not use
    // a complex layout.
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent) {
        return new ViewHolder(new TextView(parent.getContext()));
    }

    @Override
    public void onBindViewHolder(ViewHolder viewHolder, Object item) {
        String str = (String) item;
        TextView textView = (TextView) viewHolder.mView;
        textView.setText(item);
    }

    @Override
    public void onUnbindViewHolder(ViewHolder viewHolder) {
        // Nothing to unbind for TextView, but if this viewHolder had
        // allocated bitmaps, they can be released here.
    }
}

Summary

主なAPIは下記.

onBindViewHolder(Presenter.ViewHolder viewHolder, Object item)
Binds a View to an item.
item(Model)をViewにバインドする
onCreateViewHolder(ViewGroup parent)
Creates a new View.
新しいViewを作成する
onUnbindViewHolder(Presenter.ViewHolder viewHolder)
Unbinds a View from an item. Any expensive references may be released here, and any fields that are not bound for every item should be cleared here.
Viewからitem(Model)をアンバインドする. Viewにバインドされていないものも含め強参照はここでリリースされるべき.

Presenter.ViewHolder

android.support.v17.leanback.widget.Presenter.ViewHolder

Class Overview

ViewHolder can be subclassed and used to cache any view accessors needed to improve binding performance (for example, results of findViewById) without needing to subclass a View.

ViewHolderはサブクラス化することができる.(その他は一般的なViewHolderと同じ)

Summary

特記事項なし

License:
Portions of this page are modifications based on work created and shared by the Android Open Source Project
and used according to terms described in the Creative Commons 2.5 Attribution License.

“Model View Presenter GUI Design Pattern” by Google - http://www.gwtproject.org/articles/testing_methodologies_using_gwt.html. Licensed under Creative Commons Attribution-Share Alike 3.0 via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:Model_View_Presenter_GUI_Design_Pattern.png#mediaviewer/File:Model_View_Presenter_GUI_Design_Pattern.png