Fragment Inside Fragment

Question

I need help regarding working on fragment inside fragment  actually I am facing a problem on pressing back button  Application Main screen has buttons and pressing on each button view replace with new fragment and that fragment contain inside another fragment   dynamically adding replacing fragment is working fine  by pressing button1 fragment replaced  same happens when pressing button  but if I press the button again  got an exception    Duplicate id 0x7f05000a  tag null  or parent id 0x7f050009 with another fragment for com         fragmentname    means fragment or inner fragments are already added and I am trying to add them again  anybody has idea how to work with fragment inside fragment and moving back and forth without any problem  thanks for the support   MainActivity  where fragments are dynamical added and replaced   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                                   Here is Layout  main xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout     xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent      android orientation  vertical  gt        lt LinearLayout         android id    id linearLayout1          android layout width  match parent          android layout height  wrap content          android orientation  horizontal  gt            lt Button             android id    id button1              android layout width  wrap content              android layout height  wrap content              android text  Button1    gt            lt Button             android id    id button2              android text  Button2              android layout width  wrap content              android layout height  wrap content    gt            lt Button             android id    id button3              android text  Button3              android layout width  wrap content              android layout height  wrap content    gt            lt Button             android id    id button4              android text  Button4              android layout width  wrap content              android layout height  wrap content    gt       lt  LinearLayout gt        lt LinearLayout         android id    id linearLayout2          android layout width  match parent          android layout height  wrap content          android orientation  horizontal    gt   lt  LinearLayout gt    Hope I tried to clear my problem

User · Answer

You can add FrameLayout to the fragment and replace it with another fragment when it initializes   This way   you could consider the other fragment to be inside the first fragment

User · Answer

Since Android 4 2  API 17  nested fragments become available http   developer android com about versions android-4 2 html NestedFragments  To place fragment inside other fragment use getChildFragmentManager    It also available in support library

User · Answer

That may help those who works on Kotlin you can use extension function  so create a kotlin file let s say  util kt  and add this piece of code   fun Fragment addChildFragment fragment  Fragment  frameId  Int         val transaction   childFragmentManager beginTransaction       transaction replace frameId  fragment  commit       Let s say this is the class of the child   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                                Now you can add the children to the father fragment like this    FatherPresentation Fragment                override fun onViewCreated view  View   savedInstanceState  Bundle             super onViewCreated view  savedInstanceState          val fieldFragment  InputFieldPresentation           addChildFragment fieldFragment R id fragmet field                where R id fragmet field is the id of the layout which will contain the fragment This lyout is inside the father fragment of course  Here is an example    father fragment xml    lt LinearLayout android layout width  match parent      android layout height  match parent      android orientation  vertical      xmlns android  http   schemas android com apk res android       gt                     lt LinearLayout             android layout width  match parent              android layout height  wrap content              android gravity  center              android id    id fragmet field              android orientation  vertical               gt           lt  LinearLayout gt                lt  LinearLayout gt

User · Answer

you can use getChildFragmentManager   function   example   Parent fragment     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 layout  parent fragment xml     lt  xml version  1 0  encoding  utf-8   gt   lt 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  gt          lt FrameLayout         android id    id FRAGMENT PLACEHOLDER          android layout width  match parent          android layout height  match parent   gt       lt  LinearLayout gt    Child Fragment   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

User · Answer

Fragments can be added inside other fragments but then you will need to remove it from parent Fragment each time when onDestroyView   method of parent fragment is called  And again add it in Parent Fragment s onCreateView   method   Just do like this     Override     public void onDestroyView                         FragmentManager mFragmentMgr  getFragmentManager            FragmentTransaction mTransaction   mFragmentMgr beginTransaction                    Fragment childFragment  mFragmentMgr findFragmentByTag  qa fragment           mTransaction remove childFragment           mTransaction commit            super onDestroyView

User · Answer

It s nothing complicated  We cannot use getFragmentManager   here  For using Fragments inside a Fragment  we use getChildFragmentManager    Rest will be the same

User · Answer

There is no support for MapFragment  Android team says is working on it since Android 3 0  Here more information about the issue  But what you can do it by creating a Fragment that returns a MapActivity  Here is a code example  Thanks to inazaruk     How it works     MainFragmentActivity is the activity that extends FragmentActivity and hosts two MapFragments  MyMapActivity extends MapActivity and has MapView  LocalActivityManagerFragment hosts LocalActivityManager  MyMapFragment extends LocalActivityManagerFragment and with help of TabHost creates internal instance of MyMapActivity     If you have any doubt please let me know

User · Answer

AFAIK  fragments cannot hold other fragments     UPDATE  With current versions of the Android Support package -- or native fragments on API Level 17 and higher -- you can nest fragments  by means of getChildFragmentManager    Note that this means that you need to use the Android Support package version of fragments on API Levels 11-16  because even though there is a native version of fragments on those devices  that version does not have getChildFragmentManager

User · Answer

I needed some more context  so I made an example to show how this is done  The most helpful thing I read while preparing was this    Creating and Using Fragments   Activity  activity main xml  Add a FrameLayout to your activity to hold the parent fragment    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android                android orientation  vertical                android layout width  match parent                android layout height  match parent  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Activity   gt        lt FrameLayout         android id    id parent fragment container          android layout width  match parent          android layout height  200dp   gt     lt  LinearLayout gt    MainActivity java  Load the parent fragment and implement the fragment listeners   See fragment communication    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              Parent Fragment  fragment parent xml  Add another FrameLayout container for the child fragment    lt  xml version  1 0  encoding  utf-8   gt   lt 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  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Parent fragment   gt        lt FrameLayout         android id    id child fragment container          android layout width  match parent          android layout height  match parent  gt        lt  FrameLayout gt    lt  LinearLayout gt    ParentFragment java  Use getChildFragmentManager in onViewCreated to set up the child fragment   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             Child Fragment  fragment child xml  There is nothing special here    lt  xml version  1 0  encoding  utf-8   gt   lt 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  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Child fragment   gt   lt  LinearLayout gt    ChildFragment java  There is nothing too special here  either   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             Notes   The support library is being used so that nested fragments can be used before Android 4 2

User · Answer

Curently in nested fragment  the nested one s  are only supported if they are generated programmatically  So at this time no nested fragment layout are supported in xml layout scheme

User · Answer

I solved this problem  You can use Support library and ViewPager  If you don t need swiping by gesture you can disable swiping  So here is some code to improve my solution   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 lt Fragment gt  list   new ArrayList lt Fragment gt          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        P S It is ugly code for test  but it improves that it is possible   P P S Inside fragment ChildFragmentManager should be passed to ViewPagerAdapter

User · Answer

Use getChildFragmentManager    follow the link   Nested Fragment

User · Answer

Hi I solved this problem by putting per Fragment into distinct layout And I made just related Layout visible and made the others visibilities gone   I mean    lt  xml version  1 0  encoding  utf-8   gt    lt LinearLayout xmlns android  http   schemas android com apk res android   android orientation  vertical   android layout width  fill parent   android layout height  fill parent  gt         lt LinearLayout android id    id linearLayout1             android layout width  match parent             android layout height  wrap content             android orientation  horizontal  gt              lt Button android layout width  wrap content                     android id    id button1                     android layout height  wrap content                     android text  Button1  gt  lt  Button gt              lt Button android text  Button2                     android id    id button2                     android layout width  wrap content                     android layout height  wrap content  gt  lt  Button gt              lt Button android text  Button3                     android id    id button3                     android layout width  wrap content                     android layout height  wrap content  gt  lt  Button gt              lt Button android text  Button4                     android id    id button4                     android layout width  wrap content                     android layout height  wrap content  gt  lt  Button gt      lt  LinearLayout gt      lt LinearLayout android layout width  full screen                android layout height  0dp                android layout weight  1                android id  action For Button1                android visibility  visible  gt                       lt Fragment android layout width  full screen                                android layout height  full screen                                android id  fragment1                                                                                                                                                gt        lt  LinearLayout gt         lt LinearLayout android layout width  full screen                android layout height  0dp                android id  action For Button1                android layout weight  1                android visibility  gone  gt                          lt Fragment android layout width  full screen                                   android layout height  full screen                                   android id  fragment2                                                                                                                                                         gt           lt  LinearLayout gt                                                                                lt  LinearLayout gt    I assumed that you will open your page as button 1 is clicked You can control your fragment s visibilities on click action You can make related Layout visible and the others gone and by Fragment Manager you can take your fragment This approach worked for me And since  view that has visibility gone is invisible  and it doesn t take any space for layout purposes I think this approach does not cause any space problem   P S I just tried to explain my solution code may have syntax mistakes or uncompleted structure

[android] Fragment Inside Fragment

Examples related to android

Examples related to android-fragments

Examples related to android-nested-fragment