Fragment Inside Fragment


137

フラグメント内のフラグメントの操作に関してサポートが必要です。実際には、戻るボタンを押すときに問題が発生しています。アプリケーションのメイン画面にはボタンがあり、各ボタンビューを押すと新しいフラグメントで置き換えられます(そのフラグメントは別のフラグメント内に含まれています)。フラグメントを動的に追加/置換することは正常に機能しています。ボタン1を押すとフラグメントが置き換えられ、ボタンを押すと同じことが起こりますが、ボタンが再び、例外を得ました:

"Duplicate id 0x7f05000a, tag null, or parent id 0x7f050009 with
another fragment for com........ fragmentname"

フラグメントまたは内部フラグメントがすでに追加されていることを意味します。それらを再度追加しようとしています。サポートのおかげで、誰もがフラグメント内でフラグメントを操作し、問題なく前後に移動する方法を知っています。

MainActivity、フラグメントは動的に追加および置換されます。

public class FragmentInsideFragmentTestActivity extends Activity {

    private Button button1;
    private Button button2;
    private Button button3;
    private Button button4;


    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        button1 =(Button) this.findViewById(R.id.button1);
        button1.setOnClickListener(new View.OnClickListener() {
           public void onClick(View view) {
               onButtonClick(view);
            }
        });

        button2 =(Button) this.findViewById(R.id.button2);
        button2.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                onButtonClick(view);
            }
        });

        button3 =(Button) this.findViewById(R.id.button3);
        button3.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
               onButtonClick(view);
            }
        });

        button4 =(Button) this.findViewById(R.id.button4);
        button4.setOnClickListener(new View.OnClickListener() {
           public void onClick(View view) {
               onButtonClick(view);
           }
        });
    }

    public void onButtonClick(View v) {
        Fragment fg;

        switch (v.getId()) {
           case R.id.button1:
                   fg=FirstFragment.newInstance();
                   replaceFragment(fg);
                   break;
           case R.id.button2:
                   fg=SecondFragment.newInstance();
                   replaceFragment(fg);
                   break;
           case R.id.button3:
                   fg=FirstFragment.newInstance();
                   replaceFragment(fg);
                   break;
           case R.id.button4:
                   fg=SecondFragment.newInstance();
                   replaceFragment(fg);
                   break;
        }
    }

    private void replaceFragment(Fragment newFragment) {
       FragmentTransaction trasection = getFragmentManager().beginTransaction();

        if(!newFragment.isAdded()) {
            try {
                //FragmentTransaction trasection =
                getFragmentManager().beginTransaction();
                trasection.replace(R.id.linearLayout2, newFragment);
                trasection.addToBackStack(null);
                trasection.commit();
            } catch (Exception e) {
                // TODO: handle exception
                // AppConstants.printLog(e.getMessage());
            } else {
                trasection.show(newFragment);
            }
        }
    }

ここにレイアウトがあります:main.xml

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

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button1" />

        <Button
            android:id="@+id/button2"
            android:text="Button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <Button
            android:id="@+id/button3"
            android:text="Button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <Button
            android:id="@+id/button4"
            android:text="Button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" />
</LinearLayout>

私が自分の問題を解決しようとしたことを願っています。


1
上記のコードは、android 3.1で私にとって完全に問題なく機能しています
Vivek


詳細については、stackoverflow.com
a / 11020531/1219456を

回答:


284

申し訳ありませんが、フラグメントは他のフラグメントを保持できません。


更新

現在のバージョンのAndroidサポートパッケージ、またはAPIレベル17以降のネイティブフラグメントでは、を使用してフラグメントをネストできますgetChildFragmentManager()。これは、APIレベル11〜16でフラグメントのAndroidサポートパッケージバージョンを使用する必要があることを意味します。これは、これらのデバイスにネイティブバージョンのフラグメントがある場合でも、そのバージョンにはフラグメントがないためgetChildFragmentManager()です。


30
プラットフォームは本当にここに吸い込まれます。内側のフラグメントは初めて正常にレンダリングされますが、画面の向きを変更すると消えるので、これをデバッグするのに3時間費やしました。例外なし、ログ情報なし。内側のフラグメント(pity)に切り替えてgetChildFragmentManager()削除するsetRetainInstance(true)と、それが修正されます。もう一度ベーコンを保存していただき、ありがとうございます。@ CommonsWare。
Felix

82

ここに画像の説明を入力してください

もう少しコンテキストが必要だったので、これを行う方法を示す例を作成しました。準備中に読んだ中で最も役に立ったのはこれです。

アクティビティ

activity_main.xml

FrameLayout親フラグメントを保持するためにアクティビティにa を追加します。

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Activity"/>

    <FrameLayout
        android:id="@+id/parent_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="200dp"/>

 </LinearLayout>

MainActivity.java

親フラグメントをロードし、フラグメントリスナーを実装します。(フラグメント通信を参照してください。)

import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity implements ParentFragment.OnFragmentInteractionListener, ChildFragment.OnFragmentInteractionListener {

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

        // Begin the transaction
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
        ft.replace(R.id.parent_fragment_container, new ParentFragment());
        ft.commit();
    }

    @Override
    public void messageFromParentFragment(Uri uri) {
        Log.i("TAG", "received communication from parent fragment");
    }

    @Override
    public void messageFromChildFragment(Uri uri) {
        Log.i("TAG", "received communication from child fragment");
    }
}

親フラグメント

fragment_parent.xml

FrameLayout子フラグメント用の別のコンテナーを追加します。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:layout_margin="20dp"
              android:background="#91d0c2">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Parent fragment"/>

    <FrameLayout
        android:id="@+id/child_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>

</LinearLayout>

ParentFragment.java

子フラグメントを設定するには、getChildFragmentManagerin onViewCreatedを使用します。

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;    

public class ParentFragment extends Fragment {

    private OnFragmentInteractionListener mListener;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_parent, container, false);
    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        Fragment childFragment = new ChildFragment();
        FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
        transaction.replace(R.id.child_fragment_container, childFragment).commit();
    }


    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        if (context instanceof OnFragmentInteractionListener) {
            mListener = (OnFragmentInteractionListener) context;
        } else {
            throw new RuntimeException(context.toString()
                    + " must implement OnFragmentInteractionListener");
        }
    }

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }

    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        void messageFromParentFragment(Uri uri);
    }
}

子の断片

fragment_child.xml

ここで特別なことは何もありません。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:layout_margin="20dp"
              android:background="#f1ff91">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Child fragment"/>
</LinearLayout>

ChildFragment.java

ここも特別なことは何もありません。

import android.support.v4.app.Fragment;

public class ChildFragment extends Fragment {

    private OnFragmentInteractionListener mListener;


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

    @Override
    public void onAttach(Context context) {
        super.onAttach(context);
        if (context instanceof OnFragmentInteractionListener) {
            mListener = (OnFragmentInteractionListener) context;
        } else {
            throw new RuntimeException(context.toString()
                    + " must implement OnFragmentInteractionListener");
        }
    }

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }


    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        void messageFromChildFragment(Uri uri);
    }
}

ノート



13

フラグメントは他のフラグメント内に追加できますがonDestroyView()、親フラグメントのメソッドが呼び出されるたびに、親フラグメントから削除する必要があります。そして再びそれを親フラグメントに追加しますonCreateView()メソッドにます。

このようにしてください:

@Override
    public void onDestroyView()
    {
                FragmentManager mFragmentMgr= getFragmentManager();
        FragmentTransaction mTransaction = mFragmentMgr.beginTransaction();
                Fragment childFragment =mFragmentMgr.findFragmentByTag("qa_fragment")
        mTransaction.remove(childFragment);
        mTransaction.commit();
        super.onDestroyView();
    }

4
これは私にはうまくいきませんでした。2つの子ビューを含むビューを膨らませるフラグメントがありました。その中onActivityCreated()で、を使用して、各ビューに1つずつ、2つのフラグメントを追加しましたgetFragmentManager()。これは初めて機能しましたが、回転と再開ではフラグメントの1つだけが表示されました。getChildFragmentManager()代わりに動作は正しかった。アクティビティonSaveInstanceState()がすでに呼び出されていたため、ここで提案されたアプローチは例外をスローしました。を使用してトランザクションをコミットするとcommitAllowingStateLoss()、例外は回避されましたが、元の問題は解決されませんでした。
user1978019 2014年

8

私はこの問題を解決しました。サポートライブラリとを使用できますViewPager。ジェスチャーでスワイプする必要がない場合は、スワイプを無効にすることができます。だからここに私のソリューションを改善するためのいくつかのコードがあります:

public class TestFragment extends Fragment{
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View v = inflater.inflate(R.layout.frag, container, false);
    final ArrayList<Fragment> list = new ArrayList<Fragment>();

    list.add(new TrFrag());
    list.add(new TrFrag());
    list.add(new TrFrag());

    ViewPager pager = (ViewPager) v.findViewById(R.id.pager);
    pager.setAdapter(new FragmentPagerAdapter(getChildFragmentManager()) {
        @Override
        public Fragment getItem(int i) {
            return list.get(i);
        }

        @Override
        public int getCount() {
            return list.size();
        }
    });
    return v;
}
}

PSItはテスト用の醜いコードですが、それが可能であることを改善します。

PPS InsideフラグメントChildFragmentManagerはに渡されるべきですViewPagerAdapter


8

getChildFragmentManager()関数を使用できます。

例:

親フラグメント:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {

    rootView = inflater.inflate(R.layout.parent_fragment, container,
            false);


    }

    //child fragment 
    FragmentManager childFragMan = getChildFragmentManager();
    FragmentTransaction childFragTrans = childFragMan.beginTransaction();
    ChildFragment fragB = new ChildFragment ();
    childFragTrans.add(R.id.FRAGMENT_PLACEHOLDER, fragB);
    childFragTrans.addToBackStack("B");
    childFragTrans.commit();        


    return rootView;
}

親のレイアウト(parent_fragment.xml):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">



    <FrameLayout
        android:id="@+id/FRAGMENT_PLACEHOLDER"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>




</LinearLayout>

子の断片:

public class ChildFragment extends Fragment implements View.OnClickListener{

    View v ;
    @Override
    public View onCreateView(LayoutInflater inflater,
                             @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        View rootView = inflater.inflate(R.layout.child_fragment, container, false);


        v = rootView;


        return rootView;
    }



    @Override
    public void onClick(View view) {


    }


} 

4

複雑なことは何もありません。getFragmentManager()ここでは使用できません。Fragment 内でFragmentsを使用するには、を使用しますgetChildFragmentManager()。残りは同じになります。


3

FrameLayoutフラグメントに追加して、初期化時に別のフラグメントに置き換えることができます。

このように、他のフラグメントが最初のフラグメントの中にあると考えることができます。



2

現在、ネストされたフラグメントでは、ネストされたフラグメントは、プログラムで生成された場合にのみサポートされます。そのため、現時点では、XMLレイアウトスキーマでネストされたフラグメントレイアウトはサポートされていません。


1

Kotlinで作業している人は拡張機能を使用できるので、kotlinファイルを作成して、「util.kt」と言って次のコードを追加します。

fun Fragment.addChildFragment(fragment: Fragment, frameId: Int) {

    val transaction = childFragmentManager.beginTransaction()
    transaction.replace(frameId, fragment).commit()
}

これが子供のクラスだとしましょう

class InputFieldPresentation: Fragment()
{
    var views: View? = null
    override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?,
                              savedInstanceState: Bundle?): View? {
        views = inflater!!.inflate(R.layout.input_field_frag, container, false)
        return views
    }

    override fun onViewCreated(view: View?, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        ...
    }
    ...
}

今、あなたはに子を追加することができます父親フラグメント、このような

 FatherPresentation:Fragment()
{
  ...

    override fun onViewCreated(view: View?, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        val fieldFragment= InputFieldPresentation()
        addChildFragment(fieldFragment,R.id.fragmet_field)
    }
...
}

ここで、R.id.fragmet_fieldはフラグメントを含むレイアウトのIDです。このlyoutはもちろん親フラグメント内にあります。ここに例があります

father_fragment.xml

<LinearLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >

    ...

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:id="@+id/fragmet_field"
            android:orientation="vertical"
            >
        </LinearLayout>
    ...

    </LinearLayout>

1

のサポートはありませんMapFragment。AndroidチームはAndroid 3.0以降に取り組んでいると言っています。ここで問題の詳細情報しかし、を返すフラグメントを作成することで何ができるかMapActivity次にコード例を示します。inazarukのおかげで:

使い方 :

  • MainFragmentActivityは、FragmentActivity2つのMapFragments を拡張してホストするアクティビティです。
  • MyMapActivityはMapActivityを拡張し、 MapView.
  • LocalActivityManagerFragment LocalActivityManagerをホストします。
  • MyMapFragmentは拡張されLocalActivityManagerFragment、MyMapActivityのTabHost内部インスタンスを作成します。

疑問がある場合はお知らせください


0

こんにちは、フラグメントごとに個別のレイアウトを配置することでこの問題を解決しました。関連するレイアウトのみを表示し、他の可視性を削除しました。

というのは:

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

     <LinearLayout android:id="@+id/linearLayout1"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:orientation="horizontal">
           <Button android:layout_width="wrap_content"
                   android:id="@+id/button1"
                   android:layout_height="wrap_content"
                   android:text="Button1"></Button>
           <Button android:text="Button2"
                   android:id="@+id/button2"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"></Button>
           <Button android:text="Button3"
                   android:id="@+id/button3"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"></Button>
           <Button android:text="Button4"
                   android:id="@+id/button4"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"></Button>
   </LinearLayout>
   <LinearLayout android:layout_width="full_screen"
              android:layout_height="0dp"
              android:layout_weight="1"
              android:id="action_For_Button1"
              android:visibility="visible">
                    <Fragment android:layout_width="full_screen"
                              android:layout_height="full_screen"
                              android:id="fragment1"
                                        .
                                        .
                                        .
             / >
     </LinearLayout>

     <LinearLayout android:layout_width="full_screen"
              android:layout_height="0dp"
              android:id="action_For_Button1"
              android:layout_weight="1"
              android:visibility="gone">
                       <Fragment android:layout_width="full_screen"
                                 android:layout_height="full_screen"
                                 android:id="fragment2"
                                           .
                                           .
                                           .
             / >
        </LinearLayout>
                     .
                     .
                     .
        </LinearLayout>

ボタン1がクリックされたときにページを開くと想定しました。クリックアクションでフラグメントの表示を制御できます。関連するレイアウトを表示し、他のレイアウトを表示しないようにできます。フラグメントマネージャーを使用すると、フラグメントを取得できます。このアプローチは私にとってうまくいきました。そして、 visibility:goneのあるビューは非表示であり、レイアウトの目的でスペースを取らないので、このアプローチはスペースの問題を引き起こさないと思います。

PS:私がソリューションコードを説明しようとしたところ、構文の誤りや不完全な構造がある可能性があります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.