55

私は と を持っています、ViewPagerそれぞれが(または)Fragmentsを示しています。ListGrid

新しいAndroid API level 17(Jelly Bean 4.2) では、機能の 1 つにNested Fragmentsがあります。新しい機能の説明には次のように書かれています。

ViewPager を使用して左右にスワイプし、画面スペースの大部分を消費するフラグメントを作成する場合、各フラグメント ページにフラグメントを挿入できるようになりました。

したがって、私が正しく理解していれば、内部にViewPagerwith Fragments(たとえば内部にボタンを含む) を作成し、ユーザーがボタンを押すと、この新しい機能を使用して別のボタンを表示するFragmentことができます。ViewPager

これをいくつかの異なる方法で実装しようと朝を費やしましたが、うまくいきません...誰かがこれを実装する方法の簡単な例を追加できますか?

PS: 私はこの方法で、getChildFragmentManagerどのように機能するかを学ぶことにのみ興味があります。

4

4 に答える 4

100

正しいxmlレイアウトを作成したと仮定します。別のフラグメントによってホストされているViewPagerにフラグメントを表示するのが非常に簡単になりました。

以下は、子フラグメントを表示する親フラグメントです。

class ParentViewPagerFragment : Fragment() {

  override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    val root = inflater.inflate(R.layout.fragment_parent_viewpager, container, false)

    val viewPager = root.findViewById(R.id.viewPager) as ViewPager
    // Important: Must use the child FragmentManager or you will see side effects.
    viewPager.adapter = MyAdapter(childFragmentManager)

    val tabStrip = root.findViewById<TabLayout>(R.id.pagerTabStrip)
    tabStrip.setupWithViewPager(viewPager)

    return root
  }

  class MyAdapter internal constructor(fm: FragmentManager) : FragmentPagerAdapter(fm) {

    override fun getCount(): Int = 4

    override fun getItem(position: Int): Fragment {
      val args = Bundle().apply { putInt(ChildFragment.POSITION_KEY, position) }
      return ChildFragment.newInstance(args)
    }

    override fun getPageTitle(position: Int): CharSequence = "Tab $position"
  }

  companion object {
    val TAG: String = ParentViewPagerFragment::class.java.name
  }
}

FragmentPagerAdapterをインスタンス化するときは、Fragment.getChildFragmentManager()を使用することが重要です。また、子フラグメントでFragment.setRetainInstance()を使用できないことにも注意してください。そうしないと、例外が発生します。簡潔にするために、インポートは省略されています。

ソースコードは次の場所にあります: https ://github.com/marcoRS/nested-fragments

于 2012-11-15T03:59:25.907 に答える
12

編集: ページのすべてのコンテンツを置き換えたい場合は、ViewPagerネストされたフラグメントを引き続き使用できますが、いくつかの変更が必要です。以下のサンプルを確認してください ( FragmentActivity、設定 、ViewPagerおよび はPagerAdapter、前のコード スニペットと同じです)。

// this will act as a fragment container, representing one page in the ViewPager
public static class WrapperFragment extends Fragment implements
        ReplaceListener {

    public static WrapperFragment newInstance(int position) {
        WrapperFragment wp = new WrapperFragment();
        Bundle args = new Bundle();
        args.putInt("position", position);
        wp.setArguments(args);
        return wp;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        FrameLayout fl = new FrameLayout(getActivity());
        fl.setId(10000);
        if (getChildFragmentManager().findFragmentByTag("initialTag") == null) {
            InitialInnerFragment iif = new InitialInnerFragment();
            Bundle args = new Bundle();
            args.putInt("position", getArguments().getInt("position"));
            iif.setArguments(args);
            getChildFragmentManager().beginTransaction()
                    .add(10000, iif, "initialTag").commit();
        }
        return fl;
    }

    // required because it seems the getChildFragmentManager only "sees"
    // containers in the View of the parent Fragment.   
    @Override
    public void onReplace(Bundle args) {
        if (getChildFragmentManager().findFragmentByTag("afterTag") == null) {
            InnerFragment iif = new InnerFragment();
            iif.setArguments(args);
            getChildFragmentManager().beginTransaction()
                    .replace(10000, iif, "afterTag").addToBackStack(null)
                    .commit();
        }
    }

}

// the fragment that would initially be in the wrapper fragment
public static class InitialInnerFragment extends Fragment {

    private ReplaceListener mListener;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        mListener = (ReplaceListener) this.getParentFragment();
        LinearLayout ll = new LinearLayout(getActivity());
        Button b = new Button(getActivity());
        b.setGravity(Gravity.CENTER_HORIZONTAL);
        b.setText("Frame " + getArguments().getInt("position"));
        b.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Bundle args = new Bundle();
                args.putInt("positionInner",
                        getArguments().getInt("position"));
                if (mListener != null) {
                    mListener.onReplace(args);
                }
            }
        });
        ll.setOrientation(LinearLayout.VERTICAL);
        ll.addView(b, new LinearLayout.LayoutParams(250,
                LinearLayout.LayoutParams.WRAP_CONTENT));
        return ll;
    }

}

public static class InnerFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        TextView tv = new TextView(getActivity());
        tv.setText("InnerFragment in the outher Fragment with position "
                + getArguments().getInt("positionInner"));
        return tv;
    }

}

public interface ReplaceListener {
    void onReplace(Bundle args);
}

ざっと見ると動作しますが、あまりテストしていないため、問題が発生する可能性があります。

誰かがこれを行う方法の簡単な例を示すことができますか?

ネストされたフラグメントを使用するのは非常に簡単に思えますが、Commonsware がより精巧なサンプルを提供するまでは、以下のコードを試すことができます。

public class NestedFragments extends FragmentActivity {

    @Override
    protected void onCreate(Bundle arg0) {
        super.onCreate(arg0);
        ViewPager vp = new ViewPager(this);
        vp.setId(5000);
        vp.setAdapter(new MyAdapter(getSupportFragmentManager()));
        setContentView(vp);
    }

    private static class MyAdapter extends FragmentPagerAdapter {

        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return WrapperFragment.newInstance(position);
        }

        @Override
        public int getCount() {
            return 8;
        }
    }

    public static class WrapperFragment extends Fragment {

        public static WrapperFragment newInstance(int position) {
            WrapperFragment wp = new WrapperFragment();
            Bundle args = new Bundle();
            args.putInt("position", position);
            wp.setArguments(args);
            return wp;
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            LinearLayout ll = new LinearLayout(getActivity());
            FrameLayout innerFragContainer = new FrameLayout(getActivity());
            innerFragContainer.setId(1111);
            Button b = new Button(getActivity());
            b.setText("Frame " + getArguments().getInt("position"));
            b.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    InnerFragment innerFragment = new InnerFragment();
                    Bundle args = new Bundle();
                    args.putInt("positionInner",
                            getArguments().getInt("position"));
                    innerFragment.setArguments(args);
                    FragmentTransaction transaction = getChildFragmentManager()
                            .beginTransaction();
                    transaction.add(1111, innerFragment).commit();
                }
            });
            ll.setOrientation(LinearLayout.VERTICAL);
            ll.addView(b, new LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.WRAP_CONTENT));
            ll.addView(innerFragContainer, new LinearLayout.LayoutParams(
                    LinearLayout.LayoutParams.MATCH_PARENT,
                    LinearLayout.LayoutParams.MATCH_PARENT));
            return ll;
        }

    }

    public static class InnerFragment extends Fragment {

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            TextView tv = new TextView(getActivity());
            tv.setText("InnerFragment in the outher Fragment with position "
                    + getArguments().getInt("positionInner"));
            return tv;
        }

    }

}

私は怠け者で、すべてをコードで作成しましたが、膨張した xml レイアウトで動作すると確信しています。

于 2012-11-14T15:27:19.507 に答える
6

インデックス 2 と 3 の 3 つの要素と 2 つのサブ要素を持つ ViewPager を作成しました。

ここに画像の説明を入力

StackOverFlow からの以前の質問と回答の助けを借りてこれを実装しました。ここにリンクがあります。

ViewPagerChildFragments

于 2014-09-22T18:30:01.090 に答える
0

アプリでナビゲーション コンポーネントを簡単に使用できます。次に、リスナーで次のコードをコピーします。

findNavController().navigate('Your action Id)
  • IDE が自動的に作成したアクション ID。
于 2021-04-26T15:46:51.570 に答える