Android TV開發(fā)之構(gòu)建詳情視圖

本文介紹如何為媒體項(xiàng)目詳情創(chuàng)建 Presenter 類涌献,以及如何通過擴(kuò)展 DetailsSupportFragment 類在用戶選擇媒體項(xiàng)目時(shí)為項(xiàng)目實(shí)現(xiàn)詳情視圖。

構(gòu)建詳情 Presenter

在 Leanback 支持庫提供的媒體瀏覽框架中,您可以使用 Presenter 對(duì)象控制數(shù)據(jù)(包括媒體項(xiàng)目詳情)在屏幕上的顯示排作。該框架為此提供了 AbstractDetailsDescriptionPresenter 類攒菠,該類幾乎是對(duì)媒體項(xiàng)目詳情 Presenter 的完整實(shí)現(xiàn)。您只需實(shí)現(xiàn) onBindDescription() 方法茎活,以將視圖字段綁定到您的數(shù)據(jù)對(duì)象昙沦,如下面的代碼示例所示:

    public class DetailsDescriptionPresenter
            extends AbstractDetailsDescriptionPresenter {

        @Override
        protected void onBindDescription(ViewHolder viewHolder, Object itemData) {
            MyMediaItemDetails details = (MyMediaItemDetails) itemData;
            // In a production app, the itemData object contains the information
            // needed to display details for the media item:
            // viewHolder.getTitle().setText(details.getShortTitle());

            // Here we provide static data for testing purposes:
            viewHolder.getTitle().setText(itemData.toString());
            viewHolder.getSubtitle().setText("2014   Drama   TV-14");
            viewHolder.getBody().setText("Lorem ipsum dolor sit amet, consectetur "
                    + "adipisicing elit, sed do eiusmod tempor incididunt ut labore "
                    + " et dolore magna aliqua. Ut enim ad minim veniam, quis "
                    + "nostrud exercitation ullamco laboris nisi ut aliquip ex ea "
                    + "commodo consequat.");
        }
    }

擴(kuò)展DetailsSupportFragment

在使用 DetailsSupportFragment 類來顯示您的媒體項(xiàng)目詳情時(shí),請(qǐng)擴(kuò)展該類以提供媒體項(xiàng)目的預(yù)覽圖片和相關(guān)操作载荔。您還可以提供其他內(nèi)容盾饮,如相關(guān)媒體項(xiàng)目的列表。
以下示例代碼演示了如何利用上一部分中顯示的 Presenter 類為正在查看的媒體項(xiàng)目添加預(yù)覽圖片和相關(guān)操作。此示例還展示了如何添加相關(guān)媒體項(xiàng)目行丘损,該行顯示在詳情列表下方普办。

    public class MediaItemDetailsFragment extends DetailsSupportFragment {
        private static final String TAG = "MediaItemDetailsFragment";
        private ArrayObjectAdapter rowsAdapter;

        @Override
        public void onCreate(Bundle savedInstanceState) {
            Log.i(TAG, "onCreate");
            super.onCreate(savedInstanceState);

            buildDetails();
        }

        private void buildDetails() {
            ClassPresenterSelector selector = new ClassPresenterSelector();
            // Attach your media item details presenter to the row presenter:
            FullWidthDetailsOverviewRowPresenter rowPresenter =
                new FullWidthDetailsOverviewRowPresenter(
                    new DetailsDescriptionPresenter());

            selector.addClassPresenter(DetailsOverviewRow.class, rowPresenter);
            selector.addClassPresenter(ListRow.class,
                    new ListRowPresenter());
            rowsAdapter = new ArrayObjectAdapter(selector);

            Resources res = getActivity().getResources();
            DetailsOverviewRow detailsOverview = new DetailsOverviewRow(
                    "Media Item Details");

            // Add images and action buttons to the details view
            detailsOverview.setImageDrawable(res.getDrawable(R.drawable.jelly_beans));
            detailsOverview.addAction(new Action(1, "Buy $9.99"));
            detailsOverview.addAction(new Action(2, "Rent $2.99"));
            rowsAdapter.add(detailsOverview);

            // Add a Related items row
            ArrayObjectAdapter listRowAdapter = new ArrayObjectAdapter(
                    new StringPresenter());
            listRowAdapter.add("Media Item 1");
            listRowAdapter.add("Media Item 2");
            listRowAdapter.add("Media Item 3");
            HeaderItem header = new HeaderItem(0, "Related Items", null);
            rowsAdapter.add(new ListRow(header, listRowAdapter));

            setAdapter(rowsAdapter);
        }
    }

創(chuàng)建詳情 Activity

諸如 DetailsSupportFragment 之類的 Fragment 必須包含在 Activity 內(nèi),才能用于顯示徘钥。您應(yīng)該為詳情視圖創(chuàng)建一個(gè) Activity衔蹲,讓其獨(dú)立于瀏覽 Activity,這樣便可以使用 Intent 來調(diào)用詳情視圖吏饿。本部分說明如何構(gòu)建一個(gè) Activity 來容納您對(duì)媒體項(xiàng)目詳情視圖的實(shí)現(xiàn)踪危。

創(chuàng)建詳情 Activity 時(shí),首先要構(gòu)建一個(gè)引用 DetailsSupportFragment 實(shí)現(xiàn)的布局:

    <!-- file: res/layout/details.xml -->

    <fragment xmlns:android="http://schemas.android.com/apk/res/android"
        android:name="com.example.android.mediabrowser.MediaItemDetailsFragment"
        android:id="@+id/details_fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
    />

接下來猪落,創(chuàng)建一個(gè)使用上一代碼示例中所示布局的 Activity 類:

    public class DetailsActivity extends FragmentActivity
    {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.details);
        }
    }

最后贞远,將這個(gè)新 Activity 添加到清單中。請(qǐng)記得應(yīng)用 Leanback 主題背景笨忌,以確保界面與媒體瀏覽 Activity 保持一致:

    <application>
      ...

      <activity android:name=".DetailsActivity"
        android:exported="true"
        android:theme="@style/Theme.Leanback"/>

    </application>

為點(diǎn)擊的項(xiàng)目定義監(jiān)聽器

在實(shí)現(xiàn) DetailsSupportFragment 后蓝仲,請(qǐng)將您的主媒體瀏覽視圖修改為在用戶點(diǎn)擊媒體項(xiàng)目時(shí)切換到詳情視圖。為啟用此行為官疲,請(qǐng)將一個(gè) OnItemViewClickedListener 對(duì)象添加到 BrowseSupportFragment 中袱结,以便觸發(fā)啟動(dòng)項(xiàng)目詳情 Activity 的 intent。

以下示例展示了如何實(shí)現(xiàn)一個(gè)可在用戶點(diǎn)擊主媒體瀏覽 Activity 中的某個(gè)媒體項(xiàng)目時(shí)啟動(dòng)詳情視圖的監(jiān)聽器:

    public class BrowseMediaActivity extends FragmentActivity {
        ...

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            ...

            // create the media item rows
            buildRowsAdapter();

            // add a listener for selected items
            browseFragment.OnItemViewClickedListener(
                new OnItemViewClickedListener() {
                    @Override
                    public void onItemClicked(Object item, Row row) {
                        System.out.println("Media Item clicked: " + item.toString());
                        Intent intent = new Intent(BrowseMediaActivity.this,
                                DetailsActivity.class);
                        // pass the item information
                        intent.getExtras().putLong("id", item.getId());
                        startActivity(intent);
                    }
                });
        }
    }

至此途凫,我們學(xué)習(xí)了如何實(shí)現(xiàn)AbstractDetailsDescriptionPresenter類用于顯示媒體的詳細(xì)信息垢夹,也學(xué)習(xí)如何擴(kuò)展DetailsSupportFragment類將DetailsOverviewRowFullWidthDetailsOverviewRowPresenter维费、DetailsDescriptionPresenter結(jié)合起來果元,實(shí)現(xiàn)最終的界面效果。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末犀盟,一起剝皮案震驚了整個(gè)濱河市而晒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌阅畴,老刑警劉巖倡怎,帶你破解...
    沈念sama閱讀 216,744評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異贱枣,居然都是意外死亡监署,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門纽哥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來焦匈,“玉大人,你說我怎么就攤上這事昵仅。” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵摔笤,是天一觀的道長够滑。 經(jīng)常有香客問我,道長吕世,這世上最難降的妖魔是什么彰触? 我笑而不...
    開封第一講書人閱讀 58,242評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮命辖,結(jié)果婚禮上况毅,老公的妹妹穿的比我還像新娘。我一直安慰自己尔艇,他們只是感情好尔许,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評(píng)論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著终娃,像睡著了一般味廊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上棠耕,一...
    開封第一講書人閱讀 51,215評(píng)論 1 299
  • 那天余佛,我揣著相機(jī)與錄音,去河邊找鬼窍荧。 笑死辉巡,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蕊退。 我是一名探鬼主播郊楣,決...
    沈念sama閱讀 40,096評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼咕痛!你這毒婦竟也來了痢甘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,939評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤茉贡,失蹤者是張志新(化名)和其女友劉穎塞栅,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腔丧,經(jīng)...
    沈念sama閱讀 45,354評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡放椰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了愉粤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片砾医。...
    茶點(diǎn)故事閱讀 39,745評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖衣厘,靈堂內(nèi)的尸體忽然破棺而出如蚜,到底是詐尸還是另有隱情压恒,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評(píng)論 5 344
  • 正文 年R本政府宣布错邦,位于F島的核電站探赫,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏撬呢。R本人自食惡果不足惜伦吠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望魂拦。 院中可真熱鬧毛仪,春花似錦、人聲如沸芯勘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽借尿。三九已至刨晴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間路翻,已是汗流浹背狈癞。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茂契,地道東北人蝶桶。 一個(gè)月前我還...
    沈念sama閱讀 47,776評(píng)論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像掉冶,于是被迫代替她去往敵國和親真竖。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評(píng)論 2 354