Android-Fragmentページの切り替え機能の実装コード

シーン：Fragmentを使用してページ切替を実現します。

クラス構造：

一：Activity

ActivityではgetSupportFragmentManager().beginTransaction()を使用してFragment（管理用のFragmentA）を埋め込みます。

Activity部分コード：

FragmentA fragment = FragmentA.newInstant(null);
getSupportFragmentManager().beginTransaction().add(R.id.f_tab_fragment,fragment).commit();

XML:

     <FrameLayout
        android:id="@"+id/fl_container"
        android:layout_width="match_parent"
        android:layout_above="@"+id/f_tab_fragment"
        android:layout_height="match_parent"/>
      <FrameLayout
        android:id="@"+id/f_tab_fragment"
        android:layout_width="match_parent"
        android:layout_height="52dp"
        android:layout_alignParentBottom="true"/>

二：FragmentA

主FragmentAをロードし、他のサブリーフトピックFragmentXを管理するために使用します。

例えば、FragmentB、FragmentCという2つのサブリーフトピックがあります。

FragmentAを使用して、FragmentB、FragmentCの切り替えをFragmentManagerおよびFragmentTransactionで管理します。　

FragmentAコード:

 public class FragmentA extends BaseFragment {
  private static final String TAB_HOME = com.timediffproject.module.home.MyMainFragment.class.getName();
  private static final String TAB_TEST = com.timediffproject.module.home.TestFragment.class.getName();
  private BaseFragment mLastShowFragment;
  private static TabFragment fragment;
  public static TabFragment newInstant(Bundle bundle){
    if (fragment == null){
      fragment = new TabFragment();
      fragment.setArguments(bundle);
    }
    return fragment;
  }
  @Override
  public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    initTabInfo();
  }
  private void initTabInfo(){
    FragmentManager fm = getFragmentManager();
    if (fm == null){
      return;
    }
    FragmentTransaction ft = fm.beginTransaction();
    BaseFragment home = (BaseFragment) fm.findFragmentByTag(TAB_HOME);
    if (home != null){
      ft.hide(home);
    }
    BaseFragment test = (BaseFragment) fm.findFragmentByTag(TAB_TEST);
    if (test != null){
      ft.hide(test);
    }
    ft.commit();
  }
  @Nullable
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_tab, container, false);
  }
  @Override
  public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    view.findViewById(R.id.btn_change_home).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        switchTo(TAB_HOME, null);
      }
    });
    view.findViewById(R.id.btn_change_test).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        switchTo(TAB_TEST, null);
      }
    });
    switchTo(TAB_HOME, null);
  }
  //Fragmentの切り替え方法（FragmentB、FragmentC）
  //tabはFragmentのクラス名です（例：FragmentB.class.getName()）
  //R.id.fl_containerはActivityのレイアウト内にありますが、FragmentAのレイアウト内にはありません
  private void switchTo(String tab, Bundle bundle){
    //Fragmentの管理を行うクラスを初期化します
    FragmentManager fm = getFragmentManager();
    if (fm == null){
      return;
    }
    FragmentTransaction ft = fm.beginTransaction();
    //从FragmentManager中検索タグがtabのFragment
    BaseFragment fragment = (BaseFragment) fm.findFragmentByTag(tab);
    if (fragment == null){
      fragment = (BaseFragment) Fragment.instantiate(getActivity(), tab);
      fragment.setArguments(bundle);
      ft.add(R.id.fl_container, fragment, tab);
    }else{
      ft.show(fragment);
    }
    //現在表示されているFragmentを非表示にします
    if (mLastShowFragment != null) {
      ft.hide(mLastShowFragment);
    }
    //最後にクリックしたFragmentの記録
    mLastShowFragment = fragment;
    ft.commitAllowingStateLoss();
  }
}

XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal" android:layout_width="match_parent"
  android:layout_height="52dp">
  <Button
    android:id="@"+id/btn_change_home"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="切り替えhome"
    />
  <Button
    android:id="@"+id/btn_change_test"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="切り替えtest"
    />
</LinearLayout>

3：FragmentX（FragmentB、FragmentC）

サブページのロジックは具体的なビジネスに応じて定義してください。一般的なFragmentと同じように実現します

　例えば：

public class TestFragment extends BaseFragment {
  @Nullable
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {return inflater.inflate(R.layout.fragment_test,container,false);}
  }
  @Override
  public void onViewCreated(View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
  }
}

ここまで来たら、シンプルに実現できます。-底部的タブでFragmentを切り替えてページ遷移を実現する

付図：

PS:実装过程中に発生したエラー　

java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.

正しい方法：関連するfragmentの初期化レイアウトにはfalseを追加し、親レイアウトと関係を築きます。

原因：これを付けないと、このinflaterが生成するviewは未知の親クラスにバインドされます。この場合、このfragmentをActivityまたは別のfragmentとして子ページにバインドすると、上記のエラーが発生します。

@Nullable
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    //ここでの正しい書き方です：
    //return inflater.inflate(R.layout.fragment_test,container,false);
    return inflater.inflate(R.layout.fragment_test,container);
   }

　これで本文のすべての内容が終わります。皆様の学習に役立つことを願っています。また、呐喊教程を多くのサポートをお願いします。

声明：本文の内容はインターネットから収集され、著作権者はすべての権利を持ちます。インターネットユーザーが自発的に貢献し、自己でアップロードしました。本サイトは所有権を持ちません。また、人間が編集していないため、関連する法的責任を負いません。著作権侵害を疑う内容がある場合は、以下のメールアドレスにメールしてください：notice#w3以下のメールアドレスにメールして、#を@に変更して通報してください。相关証拠を提供して、確認がついた場合、本サイトは即座に侵害を疑われるコンテンツを削除します。

基本教程