3

直升机。

我在这里和其他网站上读了很多，但似乎没有人有一个可行的解决方案来使用片段作为向导，如应用程序。

我尝试实现一个，但目前遇到了一些问题。

这是带有 Step-Fragments 占位符的 Activity XML：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
  android:layout_width="match_parent"
  android:layout_height="match_parent" >

  <FrameLayout
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/cmd_previous"
    android:layout_alignParentTop="true" >
  </FrameLayout>

  <Button
    android:id="@+id/cmd_previous"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignRight="@+id/center_separator_buttons"
    android:text="@string/rpz_cmd_perv" />

  <View
    android:id="@+id/center_separator_buttons"
    style="@style/wd_center_aligner"
    android:layout_alignParentBottom="true" />

  <Button
    android:id="@+id/cmd_next"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/center_separator_buttons"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="@string/rpz_cmd_next" />

</RelativeLayout>

在 OnCreate 中，我将第一步添加到活动中：

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_report_wizard);

  if (this.getIntent().getExtras() != null) {
    Bundle extra = this.getIntent().getExtras();
    if (extra.containsKey(ISelected.ID_KEY)) {
      _ID = extra.getLong(ISelected.ID_KEY);
    }
  }

  if (findViewById(R.id.fragment_container) != null && savedInstanceState == null) {
    _ReportTypeAndName = new ReportWizardTypeAndNameFragment();
    _ReportTypeAndName.setArguments(getIntent().getExtras());
    getSupportFragmentManager().beginTransaction().add(R.id.fragment_container, _ReportTypeAndName).commit();
  }
}

NEXT 按钮用新的 Fragment 替换当前的 Fragment。这似乎工作正常。

private void runNext(View view) {
  switch (_CurrentPage) {
    case ReportTypeAndName:
      _ReportSelect = new ReportWizardSelectFragment();
      _ReportSelect.setArguments(getIntent().getExtras());
      getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, _ReportSelect).addToBackStack(null).commit();

      _CurrentPage = ReportWizardPage.ReportSelect;
      break;

    case ReportSelect:
      _CurrentPage = ReportWizardPage.ReportPreview;
      break;

    case ReportPreview:
      _CurrentPage = ReportWizardPage.None;
      break;

    default:
      break;
  }
}

但是在 PREVIOUS-Button 上，这不起作用。

private void runPrevious(View view) {
  switch (_CurrentPage) {
    case ReportTypeAndName:
      // Umstellung des Typs
      _CurrentPage = ReportWizardPage.None;
      this.finish();
      break;

    case ReportSelect:
      _ReportTypeAndName = new ReportWizardTypeAndNameFragment();
      _ReportTypeAndName.setArguments(getIntent().getExtras());
      getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, _ReportTypeAndName).commit();

      _CurrentPage = ReportWizardPage.ReportTypeAndName;
      break;

    case ReportPreview:
      _CurrentPage = ReportWizardPage.ReportSelect;
      break;

    default:
      break;
  }
}

我收到以下错误（LogCat）：

FATAL EXCEPTION: main
android.view.InflateException: Binary XML file line #13: Error inflating class fragment
  at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:697)
  at android.view.LayoutInflater.rInflate(LayoutInflater.java:739)
  at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
  at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
  at de.webducer.android.worktime.beta.ui.fragment.ReportWizardTypeAndNameFragment.onCreateView(ReportWizardTypeAndNameFragment.java:40)
  at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:870)
  at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1080)
  at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:622)
  at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1416)
  at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:420)
  at android.os.Handler.handleCallback(Handler.java:605)
  at android.os.Handler.dispatchMessage(Handler.java:92)
  at android.os.Looper.loop(Looper.java:137)
  at android.app.ActivityThread.main(ActivityThread.java:4424)
  at java.lang.reflect.Method.invokeNative(Native Method)
  at java.lang.reflect.Method.invoke(Method.java:511)
  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:784)
  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:551)
  at dalvik.system.NativeStart.main(Native Method)
Caused by: java.lang.IllegalArgumentException: Binary XML file line #13: Duplicate id 0x7f05008b, tag null, or parent id 0x0 with another fragment for de.webducer.android.worktime.beta.ui.fragment.ReportTypeSelectorSpinnerFragment
  at android.support.v4.app.FragmentActivity.onCreateView(FragmentActivity.java:275)
  at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:669)
  ... 18 more

Fragment 的第 40 行是它们的膨胀器

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
  return inflater.inflate(R.layout.frag_report_wizard_1, container, false);
}

如何绑定（添加/删除）片段而不获取重复的 ID？或者如何在没有新的视图初始化的情况下重用片段？

在此处输入图像描述

4

3 回答 3

2

将您的片段放在后台堆栈中，并根据需要将它们回调。

使用以下命令将其添加到后台堆栈addToBackStack：

list = new ListFragment_List();
getFragmentManager().beginTransaction().replace(R.id.pane, listlist).addToBackStack(null).commit();

使用以下命令将其拉回popBackStack：

FragmentManager fm = getActivity().getSupportFragmentManager();
fm.popBackStack();

请注意，此代码来自我使用 v4 支持库的应用程序，因此如果您仅针对 Android 3.0+ 进行开发，对片段管理器的调用将略有不同。

于 2012-06-06T13:38:38.177 回答
2

我想您可能想知道现在有一个工作解决方案可以完全满足您的需求。这是一个名为WizarDroid的轻量级 Android 库。

于 2013-04-01T20:13:46.023 回答
2

我使用支持库 v4 和 Sherlock Actionbar。

在尝试了使用和不使用 BackStack 并简化了步骤片段的布局之后，我终于找到了异常的原因。

我在第一步片段中使用片段（选择微调器）（请参阅 XML 布局）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent" >

  <TextView
    android:id="@+id/lbl_report_type"
    style="@style/wd_field_label"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:text="@string/rpz_lbl_report_type" />

  <fragment
    android:id="@+id/frag_report_type_spinner"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/lbl_report_type"
    class="de.webducer.android.ReportTypeSelectorSpinnerFragment" />

  <TextView
    android:id="@+id/lbl_report_name"
    style="@style/wd_field_label"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/frag_report_type_spinner"
    android:text="@string/rpz_lbl_report_name" />

  <EditText
    android:id="@+id/report_name"
    style="@style/wd_text_edit_pref"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/lbl_report_name"
    android:hint="@string/rpz_hint_report_name" />

  <TextView
    android:id="@+id/lbl_report_comment"
    style="@style/wd_field_label"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/report_name"
    android:text="@string/rpz_lbl_report_comment" />

  <EditText
    android:id="@+id/report_comment"
    style="@style/wd_text_multi_edit_pref"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/lbl_report_comment"
    android:hint="@string/rpz_hint_report_comment" />

  <TextView
    android:id="@+id/lbl_active"
    style="@style/wd_field_label"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/report_comment"
    android:text="@string/lbl_active" />

  <CheckBox
    android:id="@+id/report_type_active"
    style="@style/wd_text_edit_pref"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/lbl_active"
    android:checked="true"
    android:text="@string/rpz_hint_report_type_active" />

</RelativeLayout>

这个内部片段产生了异常，因为外部片段尝试在 onCreateView 中膨胀内部片段。而这个已经在 FragmentManager 中，具有给定的 ID。

我现在的解决方案是销毁内部片段，然后用新片段替换或在从回栈调用之前。

private void runPrevious(View view) {
  switch (_CurrentPage) {
    case ReportTypeAndName:
      // Umstellung des Typs
      _CurrentPage = ReportWizardPage.None;
      this.finish();
      break;

    case ReportSelect:
      if (getSupportFragmentManager().findFragmentById(R.id.frag_report_type_spinner) != null) {
        getSupportFragmentManager().beginTransaction()
          .remove(getSupportFragmentManager().findFragmentById(R.id.frag_report_type_spinner)).commit();
      }
      getSupportFragmentManager().popBackStack();
      // Umstellung des Typs
      _CurrentPage = ReportWizardPage.ReportTypeAndName;
      break;

    case ReportPreview:
      _CurrentPage = ReportWizardPage.ReportSelect;
      break;

    default:
      break;
  }
  setButtonState();
}

我希望这可以帮助其他尝试实现向导的人。

于 2012-06-06T14:18:20.870 回答