Android TV Leanback (八)(引導(dǎo)步驟)

對于用戶,應(yīng)用存在多步任務(wù)沃琅。例如:你的應(yīng)用可能需要引導(dǎo)用戶購買額外的內(nèi)容哗咆,建立復(fù)雜的設(shè)置,簡單的確認(rèn)益眉。所有這些任務(wù)都要求用戶通過一個(gè)或多個(gè)有序的步驟或決策晌柬。

v17 Leanback support library 提供了實(shí)現(xiàn)多步任務(wù)的類。下面討論使用 GuidedStepFragment引導(dǎo)用戶完成一系列決策和復(fù)雜任務(wù)郭脂。

提供步驟的詳細(xì)信息

一個(gè)GuidedStepFragment代表一系列步驟中的一步年碘。在視覺上,它提供了一個(gè)帶有步驟信息的左側(cè)的指導(dǎo)視圖展鸡。在右邊屿衅,GuidedStepFragment提供的視圖包含了一系列可能的行動(dòng)或這一步的決策。

image.png

在多步任務(wù)的每一步中莹弊,繼承GuidedStepFragment并提供步驟信息和用戶能做的行為涤久。重寫onCreateGuidance()并且返回一個(gè)包含標(biāo)題、描述忍弛、圖標(biāo)的 GuidanceStylist.Guidance响迂。

public GuidanceStylist.Guidance onCreateGuidance(Bundle savedInstanceState) {
    String title = getString(R.string.guidedstep_first_title);
    String breadcrumb = getString(R.string.guidedstep_first_breadcrumb);
    String description = getString(R.string.guidedstep_first_description);
    Drawable icon = getActivity().getDrawable(R.drawable.guidedstep_main_icon_1);
    return new GuidanceStylist.Guidance(title, description, breadcrumb, icon);
}

在Activity的onCreat方法中通過調(diào)用GuidedStepFragment.add()方法添加GuidedStepFragment的子類。如果你的Activity只包含GuidedStepFragment對象,使用GuidedStepFragment.addAsRoot()替代add()添加第一個(gè)GuidedStepFragment细疚。使用addAsRoot()可以確保用戶在第一個(gè)GuidedStepFragment按返回鍵時(shí)蔗彤,可以使GuidedStepFragment和父Activity一起關(guān)閉。

 @Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getWindow().setBackgroundDrawableResource(R.drawable.wizard_background_blackned);

    GuidedStepFragment fragment = new WizardExample1stStepFragment();
    fragment.setArguments(getIntent().getExtras()); // Delegate Movie to first step.
    GuidedStepFragment.addAsRoot(this, fragment, android.R.id.content);
}

創(chuàng)建并處理用戶行為

添加用戶行為通過重寫onCreateActions()疯兼。為每一項(xiàng)行為添加一個(gè)新的GuidedAction然遏,并提供行為的標(biāo)題、描述和ID吧彪。使用GuidedAction.Builder添加一個(gè)新的行為待侵。

@Override
public void onCreateActions(List<GuidedAction> actions, Bundle savedInstanceState) {
// Add "Continue" user action for this step
actions.add(new GuidedAction.Builder()
       .id(CONTINUE)
       .title(getString(R.string.guidedstep_continue))
       .description(getString(R.string.guidedstep_letsdoit))
       .hasNext(true)
       .build());
...

操作不限于單行選擇。下面是您可以創(chuàng)建的其他操作類型:

  • 添加信息標(biāo)簽的操作姨裸,通過設(shè)置infoOnly(true)秧倾。如果infoOnly設(shè)置為true,用戶將不能選中該操作香拉,目的是根據(jù)用戶的選項(xiàng)提供額外的信息。
  • 添加一個(gè)文本編輯操作中狂,通過設(shè)置editable(true)。當(dāng)設(shè)置為true時(shí)扑毡,用戶可以使用遙控器或連接的鍵盤輸入文本胃榕。重寫 onGuidedActionEdited()或onGuidedActionEditedAndProceed()可以得到用戶輸入后的修改文本。
  • 添加一組操作瞄摊,像單選按鈕一樣勋又。通過一個(gè)共同的ID和checkSetId()。
  • 添加一個(gè)日期選擇操作换帜,使用 GuidedDatePickerAction.Builder楔壤。
  • 添加一個(gè)操作,以響應(yīng)讓用戶從一個(gè)擴(kuò)展的選項(xiàng)列表中選擇(類似多級菜單)惯驼。
  • 添加一個(gè)按鈕操作蹲嚣,該動(dòng)作出現(xiàn)在操作列表的右邊,并且很容易訪問祟牲。

為了響應(yīng)操作隙畜,重寫onGuidedActionClicked()和 GuidedAction的傳遞過程。

添加子操作

一些操作可能給用戶一組額外的選項(xiàng)说贝。一個(gè)GuidedAction可以指定列表的子操作议惰,顯示為一個(gè)操作的下拉列表。

image.png

添加子操作乡恕,首先創(chuàng)建和并填充一個(gè)列表的GuidedActions:

List<GuidedAction> subActions = new ArrayList<GuidedAction>();
subActions.add(new GuidedAction.Builder()
   .id(SUBACTION1)
   .title(getString(R.string.guidedstep_subaction1_title))
   .description(getString(R.string.guidedstep_subaction1_desc))
   .build());
...

在onCreatActions()中言询,創(chuàng)建一個(gè)頂層GuidedAction,當(dāng)選中時(shí),顯示字操作列表:

@Override
public void onCreateActions(List<GuidedAction> actions, Bundle savedInstanceState) {
    ...
    actions.add(new GuidedAction.Builder()
       .id(SUBACTIONS)
       .title(getString(R.string.guidedstep_subactions_title))
       .description(getString(R.string.guidedstep_subactions_desc))
       .subActions(subActions)
       .build());
    ...
}

最后傲宜,重寫onSubGuidedActionClicked()用于響應(yīng)子操作被選中:

@Override
public boolean onSubGuidedActionClicked(GuidedAction action) {
   // Check for which action was clicked, and handle as needed
   if (action.getId() == SUBACTION1) {
       // Subaction 1 selected
   }
   // Return true to collapse the subactions drop-down list, or
   // false to keep the drop-down list expanded.
   return true;
}

添加按鈕操作

如果你的引導(dǎo)步驟有大量的操作列表运杭,用戶可能需要滾動(dòng)列表以訪問最常用的操作。使用按鈕操作從動(dòng)作列表中分離常用操作蛋哭。按鈕操作出現(xiàn)在操作列表的右邊并且很容易導(dǎo)航到县习。

image.png

按鈕操作的創(chuàng)建和就像普通的行動(dòng)來處理,但是你創(chuàng)造的onCreateButtonActions()按鈕的動(dòng)作而不是onCreateActions()谆趾。

引導(dǎo)步驟組導(dǎo)入一個(gè)引導(dǎo)序列

一個(gè)GuidedStepFragment代表一個(gè)單獨(dú)的步驟躁愿,然而你可能在一個(gè)有序的序列有幾個(gè)步驟。

@Override
public void onGuidedActionClicked(GuidedAction action) {
    FragmentManager fm = getFragmentManager();
    if (action.getId() == CONTINUE) {
       GuidedStepFragment.add(fm, new SecondStepFragment());
    }
...

如果用戶按電視機(jī)遙控器的后退按鈕沪蓬,設(shè)備會(huì)顯示堆棧上之前的GuidedStepFragment彤钟。如果你決定要提供自己的GuidedAction返回到上一步,你可以通過調(diào)用getFragmentManager().popbackstack()實(shí)現(xiàn)返回行為跷叉。
如果你需要返回用戶在序列中的更早一步逸雹,可使用popBackStackToGuidedStepFragment()回到堆棧中的特定GuidedStepFragment营搅。

當(dāng)用戶完成序列中的最后一步時(shí),使用finishGuidedStepFragments()從當(dāng)前棧刪除所有GuidedStepFragments并返回到原來的父Activity梆砸。如果第一個(gè)GuidedStepFragment添加使用addasroot(),調(diào)用finishGuidedStepFragments()也將關(guān)閉父Activity转质。

自定義演示步驟

GuidedStepFragment可以使用自定義主題,控制演示的步驟帖世,如標(biāo)題文本格式或步驟轉(zhuǎn)換動(dòng)畫休蟹。自定義主題繼承Theme_Leanback_GuidedStep,提供GuidanceStylist和GuidedActionsStylist定義屬性的重寫的屬性值日矫。

自定義GuidedStepFragment的主題赂弓,如下:

  • 使用主題通過設(shè)置父Activity的android:theme屬性在manifest文件中。設(shè)置這個(gè)屬性會(huì)將這個(gè)主題應(yīng)用到所有的子視圖哪轿。如果activity包含任何一個(gè)GuidedStepFragment盈魁,上述方法是一種最簡單的應(yīng)用自定義主題的方式。
  • 如果你activity已經(jīng)使用了自定義主題窃诉,但是你不想將GuidedStepFragment的樣式應(yīng)用到其他視圖上杨耙,你可以對已經(jīng)存在自定義屬性的activity設(shè)置LeanbackGuidedStepTheme_guidedStepTheme屬性。只對activity中的GuidedStepFragment對象應(yīng)用飘痛。
  • 如果你想在不同的activity中使用GuidedStepFragment完成相同整體的多步驟任務(wù)并希望在所有步驟中使用一致的視覺主題按脚,重寫GuidedStepFragment.onProvideTheme()返回自定義主題。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末敦冬,一起剝皮案震驚了整個(gè)濱河市辅搬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌脖旱,老刑警劉巖堪遂,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異萌庆,居然都是意外死亡溶褪,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門践险,熙熙樓的掌柜王于貴愁眉苦臉地迎上來猿妈,“玉大人,你說我怎么就攤上這事巍虫∨碓颍” “怎么了?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵占遥,是天一觀的道長俯抖。 經(jīng)常有香客問我温峭,道長参滴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任钦听,我火速辦了婚禮疙筹,結(jié)果婚禮上简逮,老公的妹妹穿的比我還像新娘鸟赫。我一直安慰自己师郑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布漫蛔。 她就那樣靜靜地躺著最欠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪惩猫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天蚜点,我揣著相機(jī)與錄音轧房,去河邊找鬼。 笑死绍绘,一個(gè)胖子當(dāng)著我的面吹牛奶镶,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播陪拘,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼厂镇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了左刽?” 一聲冷哼從身側(cè)響起捺信,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎欠痴,沒想到半個(gè)月后迄靠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡喇辽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年掌挚,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片菩咨。...
    茶點(diǎn)故事閱讀 39,711評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡吠式,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出抽米,到底是詐尸還是另有隱情特占,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布云茸,位于F島的核電站摩钙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏查辩。R本人自食惡果不足惜胖笛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一网持、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧长踊,春花似錦功舀、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至阱佛,卻和暖如春帖汞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背凑术。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工翩蘸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人淮逊。 一個(gè)月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓催首,卻偏偏與公主長得像,于是被迫代替她去往敵國和親泄鹏。 傳聞我的和親對象是個(gè)殘疾皇子郎任,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,075評論 25 707
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,755評論 22 665
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 6,401評論 0 17
  • 題目要求 現(xiàn)在有一個(gè)二維數(shù)組备籽,元素為字符舶治。求能否在二維數(shù)組中得到一條通路連接的元素為給定的字符串。 題目解析 思路...
    小莊bb閱讀 234評論 0 0
  • 秋暮夕陽车猬,入江面歼疮、落紅些許。 佇水榭人單诈唬,霞斷浪殘孤騖韩脏。 小城久別,倦客旅铸磅、夢游歸處赡矢。 憶竹林翠鳥,鳳尾云煙虛渡阅仔。...
    劉小地閱讀 566評論 16 57