Android - Plusieurs fragments dans un onglet

Question

J'ai beaucoup cherché sur le Web la possibilité d'avoir plusieurs fragments dans un seul onglet de la barre d'action.

This question se rapproche le plus de mes besoins mais le code ne fonctionne pas.

Existe-t-il une autre possibilité d'inclure plusieurs fragments dans un onglet?

---

Ceci est le StartActivity

public class StartActivity extends FragmentActivity implements ActionBar.TabListener { 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_start); 

     // Set up the action bar. 
     final ActionBar actionBar = getActionBar(); 
     actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); 

     actionBar.addTab(
       actionBar.newTab() 
      .setText("Karte") 
       .setTabListener(new MapFragmentListener(this))); 

    } 

La disposition correspondante acticity_start contient deux agencements de cadre pour les deux fragments, qui seront mises dans l'onglet.

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

    <FrameLayout 
     android:id="@+id/fragment_map" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"/> 
    <FrameLayout 
     android:id="@+id/fragment_realtime" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"/> 

</LinearLayout> 

Le TabListener ressemble à ceci:

private class TabListener implements ActionBar.TabListener { 

     private static final String fragment1_tag = "fragment1_tag"; 
     private static final String fragment2_tag = "fragment2_tag"; 

     private FragmentActivity activity; 
     private RealtimeFragment fragment1; 
     private RealtimeFragment fragment2; 

     public TabListener(FragmentActivity activity) { 

      this.activity = activity; 

      android.support.v4.app.FragmentTransaction ft = activity.getSupportFragmentManager().beginTransaction(); 

      fragment1 = (RealtimeFragment) activity.getSupportFragmentManager().findFragmentByTag(fragment1_tag); 
      if (fragment1 != null && !fragment1.isDetached()) { 
       ft.detach(fragment1); 
      } 

      fragment2 = (RealtimeFragment) activity.getSupportFragmentManager().findFragmentByTag(fragment2_tag); 
      if (fragment2 != null && !fragment2.isDetached()) { 
       ft.detach(fragment2); 
      } 

      ft.commit(); 
     } 

     @Override 
     public void onTabReselected(Tab tab, FragmentTransaction ft) { 
      // TODO Auto-generated method stub 

     } 

     @Override 
     public void onTabSelected(Tab tab, FragmentTransaction ft) { 

      android.support.v4.app.FragmentTransaction fragmentTransaction = activity.getSupportFragmentManager().beginTransaction(); 

      if(fragment1 == null) { 
       fragment1 = new RealtimeFragment(); 
       fragmentTransaction.add(R.id.fragment_map, fragment1, fragment1_tag); 
      } else { 
       fragmentTransaction.attach(fragment1); 
      } 


      if(fragment2 == null) { 
       fragment2 = new RealtimeFragment(); 
       fragmentTransaction.add(R.id.fragment_realtime, fragment2, fragment2_tag); 
      } else { 
       fragmentTransaction.attach(fragment2); 
      } 


      fragmentTransaction.commit(); 

     } 

     @Override 
     public void onTabUnselected(Tab tab, FragmentTransaction ft) { 

      android.support.v4.app.FragmentTransaction fragementTransaction = activity.getSupportFragmentManager().beginTransaction(); 

      if(fragment1_tag != null) 
       fragementTransaction.detach(fragment1); 
      if(fragment2 != null) 
       fragementTransaction.detach(fragment2); 


      fragementTransaction.commit(); 

     } 

    } 

La classe RealtimeFragment et la disposition correspondante fragment_realtime ressemble à ceci:

public class RealtimeFragment extends Fragment { 

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


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

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

</LinearLayout> 

dans un onglet maintenant deux fragments de la classe RealtimeFragment devrait être affichée. Les fragments montrent juste un bouton mais RIEN n'est affiché! Pourquoi?

Answer 1

Je cherchais une solution à la même rubrique, et j'ai trouvé cela, qui est très pratique.

<?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="match_parent"> 
    <fragment android:name="com.example.news.ArticleListFragment" 
      android:id="@+id/list" 
      android:layout_weight="1" 
      android:layout_width="0dp" 
      android:layout_height="match_parent" /> 
    <fragment android:name="com.example.news.ArticleReaderFragment" 
      android:id="@+id/viewer" 
      android:layout_weight="2" 
      android:layout_width="0dp" 
      android:layout_height="match_parent" /> 
</LinearLayout> 

si vos fragments de référence et le gonfler, tout comme un fragment normale