Android TV Leanback (八)(引导步骤)

对于用户,应用存在多步任务。例如:你的应用可能需要引导用户购买额外的内容,建立复杂的设置,简单的确认。所有这些任务都要求用户通过一个或多个有序的步骤或决策。

v17 Leanback support library 提供了实现多步任务的类。下面讨论使用 GuidedStepFragment引导用户完成一系列决策和复杂任务。

提供步骤的详细信息

一个GuidedStepFragment代表一系列步骤中的一步。在视觉上,它提供了一个带有步骤信息的左侧的指导视图。在右边,GuidedStepFragment提供的视图包含了一系列可能的行动或这一步的决策。

image.png

在多步任务的每一步中,继承GuidedStepFragment并提供步骤信息和用户能做的行为。重写onCreateGuidance()并且返回一个包含标题、描述、图标的 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方法中通过调用GuidedStepFragment.add()方法添加GuidedStepFragment的子类。如果你的Activity只包含GuidedStepFragment对象,使用GuidedStepFragment.addAsRoot()替代add()添加第一个GuidedStepFragment。使用addAsRoot()可以确保用户在第一个GuidedStepFragment按返回键时,可以使GuidedStepFragment和父Activity一起关闭。

 @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);
}

创建并处理用户行为

添加用户行为通过重写onCreateActions()。为每一项行为添加一个新的GuidedAction,并提供行为的标题、描述和ID。使用GuidedAction.Builder添加一个新的行为。

@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());
...

操作不限于单行选择。下面是您可以创建的其他操作类型:

  • 添加信息标签的操作,通过设置infoOnly(true)。如果infoOnly设置为true,用户将不能选中该操作,目的是根据用户的选项提供额外的信息。
  • 添加一个文本编辑操作,通过设置editable(true)。当设置为true时,用户可以使用遥控器或连接的键盘输入文本。重写 onGuidedActionEdited()或onGuidedActionEditedAndProceed()可以得到用户输入后的修改文本。
  • 添加一组操作,像单选按钮一样。通过一个共同的ID和checkSetId()。
  • 添加一个日期选择操作,使用 GuidedDatePickerAction.Builder。
  • 添加一个操作,以响应让用户从一个扩展的选项列表中选择(类似多级菜单)。
  • 添加一个按钮操作,该动作出现在操作列表的右边,并且很容易访问。

为了响应操作,重写onGuidedActionClicked()和 GuidedAction的传递过程。

添加子操作

一些操作可能给用户一组额外的选项。一个GuidedAction可以指定列表的子操作,显示为一个操作的下拉列表。

image.png

添加子操作,首先创建和并填充一个列表的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()中,创建一个顶层GuidedAction,当选中时,显示字操作列表:

@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()用于响应子操作被选中:

@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;
}

添加按钮操作

如果你的引导步骤有大量的操作列表,用户可能需要滚动列表以访问最常用的操作。使用按钮操作从动作列表中分离常用操作。按钮操作出现在操作列表的右边并且很容易导航到。

image.png

按钮操作的创建和就像普通的行动来处理,但是你创造的onCreateButtonActions()按钮的动作而不是onCreateActions()。

引导步骤组导入一个引导序列

一个GuidedStepFragment代表一个单独的步骤,然而你可能在一个有序的序列有几个步骤。

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

如果用户按电视机遥控器的后退按钮,设备会显示堆栈上之前的GuidedStepFragment。如果你决定要提供自己的GuidedAction返回到上一步,你可以通过调用getFragmentManager().popbackstack()实现返回行为。
如果你需要返回用户在序列中的更早一步,可使用popBackStackToGuidedStepFragment()回到堆栈中的特定GuidedStepFragment。

当用户完成序列中的最后一步时,使用finishGuidedStepFragments()从当前栈删除所有GuidedStepFragments并返回到原来的父Activity。如果第一个GuidedStepFragment添加使用addasroot(),调用finishGuidedStepFragments()也将关闭父Activity。

自定义演示步骤

GuidedStepFragment可以使用自定义主题,控制演示的步骤,如标题文本格式或步骤转换动画。自定义主题继承Theme_Leanback_GuidedStep,提供GuidanceStylist和GuidedActionsStylist定义属性的重写的属性值。

自定义GuidedStepFragment的主题,如下:

  • 使用主题通过设置父Activity的android:theme属性在manifest文件中。设置这个属性会将这个主题应用到所有的子视图。如果activity包含任何一个GuidedStepFragment,上述方法是一种最简单的应用自定义主题的方式。
  • 如果你activity已经使用了自定义主题,但是你不想将GuidedStepFragment的样式应用到其他视图上,你可以对已经存在自定义属性的activity设置LeanbackGuidedStepTheme_guidedStepTheme属性。只对activity中的GuidedStepFragment对象应用。
  • 如果你想在不同的activity中使用GuidedStepFragment完成相同整体的多步骤任务并希望在所有步骤中使用一致的视觉主题,重写GuidedStepFragment.onProvideTheme()返回自定义主题。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,123评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,031评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,723评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,357评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,412评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,760评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,904评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,672评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,118评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,456评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,599评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,264评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,857评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,731评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,956评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,286评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,465评论 2 348

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,743评论 25 707
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,723评论 22 665
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,365评论 0 17
  • 题目要求 现在有一个二维数组,元素为字符。求能否在二维数组中得到一条通路连接的元素为给定的字符串。 题目解析 思路...
    小庄bb阅读 230评论 0 0
  • 秋暮夕阳,入江面、落红些许。 伫水榭人单,霞断浪残孤骛。 小城久别,倦客旅、梦游归处。 忆竹林翠鸟,凤尾云烟虚渡。...
    刘小地阅读 558评论 16 57