with viewpager studio fragments example android view android-fragments android-viewpager pager

viewpager - slider android



Reemplazar fragmento dentro de un ViewPager (18)

Estoy tratando de usar Fragmento con un ViewPager usando el FragmentPagerAdapter . Lo que estoy buscando para lograr es reemplazar un fragmento, ubicado en la primera página del ViewPager , con otro.

El buscapersonas se compone de dos páginas. El primero es el FirstPagerFragment , el segundo es el SecondPagerFragment . Haciendo clic en un botón de la primera página. Me gustaría reemplazar el FirstPagerFragment con el NextFragment.

Aquí está mi código.

public class FragmentPagerActivity extends FragmentActivity { static final int NUM_ITEMS = 2; MyAdapter mAdapter; ViewPager mPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.fragment_pager); mAdapter = new MyAdapter(getSupportFragmentManager()); mPager = (ViewPager) findViewById(R.id.pager); mPager.setAdapter(mAdapter); } /** * Pager Adapter */ public static class MyAdapter extends FragmentPagerAdapter { public MyAdapter(FragmentManager fm) { super(fm); } @Override public int getCount() { return NUM_ITEMS; } @Override public Fragment getItem(int position) { if(position == 0) { return FirstPageFragment.newInstance(); } else { return SecondPageFragment.newInstance(); } } } /** * Second Page FRAGMENT */ public static class SecondPageFragment extends Fragment { public static SecondPageFragment newInstance() { SecondPageFragment f = new SecondPageFragment(); return f; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { //Log.d("DEBUG", "onCreateView"); return inflater.inflate(R.layout.second, container, false); } } /** * FIRST PAGE FRAGMENT */ public static class FirstPageFragment extends Fragment { Button button; public static FirstPageFragment newInstance() { FirstPageFragment f = new FirstPageFragment(); return f; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { //Log.d("DEBUG", "onCreateView"); View root = inflater.inflate(R.layout.first, container, false); button = (Button) root.findViewById(R.id.button); button.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { FragmentTransaction trans = getFragmentManager().beginTransaction(); trans.replace(R.id.first_fragment_root_id, NextFragment.newInstance()); trans.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN); trans.addToBackStack(null); trans.commit(); } }); return root; } /** * Next Page FRAGMENT in the First Page */ public static class NextFragment extends Fragment { public static NextFragment newInstance() { NextFragment f = new NextFragment(); return f; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { //Log.d("DEBUG", "onCreateView"); return inflater.inflate(R.layout.next, container, false); } } }

... y aquí los archivos xml

fragment_pager.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:padding="4dip" android:gravity="center_horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1"> </android.support.v4.view.ViewPager> </LinearLayout>

first.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/first_fragment_root_id" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="to next"/> </LinearLayout>

Ahora el problema ... ¿Qué ID debo usar en

trans.replace(R.id.first_fragment_root_id, NextFragment.newInstance());

?

Si uso R.id.first_fragment_root_id , el reemplazo funciona, pero el Visor de jerarquía muestra un comportamiento extraño, como se muestra a continuación.

Al principio la situación es

después de la sustitución la situación es

Como puede ver, hay algo mal, espero encontrar el mismo estado que se muestra en la primera imagen después de reemplazar el fragmento.


A partir del 13 de noviembre de 2012, el reemplazo de fragmentos en un ViewPager parece ser mucho más fácil. Google lanzó Android 4.2 con soporte para fragmentos anidados, y también es compatible con la nueva biblioteca de soporte de Android v11, por lo que funcionará hasta la versión 1.6.

Es muy similar a la forma normal de reemplazar un fragmento, excepto que usa getChildFragmentManager. Parece funcionar, excepto que el backstack de fragmento anidado no se abre cuando el usuario hace clic en el botón Atrás. Según la solución en esa pregunta vinculada, debe llamar manualmente a popBackStackImmediate () en el administrador secundario del fragmento. Por lo tanto, debe anular onBackPressed () de la actividad ViewPager, donde obtendrá el fragmento actual de ViewPager y llamará a getChildFragmentManager (). PopBackStackImmediate ().

Obtener el Fragmento que se muestra actualmente también es un poco intrincado, usé esta solución "android: switcher: VIEWPAGER_ID: INDEX" sucia, pero también puede realizar un seguimiento de todos los fragmentos del ViewPager usted mismo, como se explica en la segunda solución en esta página .

Así que aquí está mi código para un ViewPager con 4 ListViews con una vista detallada que se muestra en el ViewPager cuando el usuario hace clic en una fila, y con el botón Atrás funcionando. Traté de incluir solo el código relevante por brevedad, así que deje un comentario si desea que la aplicación completa se cargue en GitHub.

InicioActividad.java

public class HomeActivity extends SherlockFragmentActivity { FragmentAdapter mAdapter; ViewPager mPager; TabPageIndicator mIndicator; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mAdapter = new FragmentAdapter(getSupportFragmentManager()); mPager = (ViewPager)findViewById(R.id.pager); mPager.setAdapter(mAdapter); mIndicator = (TabPageIndicator)findViewById(R.id.indicator); mIndicator.setViewPager(mPager); } // This the important bit to make sure the back button works when you''re nesting fragments. Very hacky, all it takes is some Google engineer to change that ViewPager view tag to break this in a future Android update. @Override public void onBackPressed() { Fragment fragment = (Fragment) getSupportFragmentManager().findFragmentByTag("android:switcher:" + R.id.pager + ":"+mPager.getCurrentItem()); if (fragment != null) // could be null if not instantiated yet { if (fragment.getView() != null) { // Pop the backstack on the ChildManager if there is any. If not, close this activity as normal. if (!fragment.getChildFragmentManager().popBackStackImmediate()) { finish(); } } } } class FragmentAdapter extends FragmentPagerAdapter { public FragmentAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { switch (position) { case 0: return ListProductsFragment.newInstance(); case 1: return ListActiveSubstancesFragment.newInstance(); case 2: return ListProductFunctionsFragment.newInstance(); case 3: return ListCropsFragment.newInstance(); default: return null; } } @Override public int getCount() { return 4; } } }

ListProductsFragment.java

public class ListProductsFragment extends SherlockFragment { private ListView list; public static ListProductsFragment newInstance() { ListProductsFragment f = new ListProductsFragment(); return f; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View V = inflater.inflate(R.layout.list, container, false); list = (ListView)V.findViewById(android.R.id.list); list.setOnItemClickListener(new OnItemClickListener() { public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // This is important bit Fragment productDetailFragment = FragmentProductDetail.newInstance(); FragmentTransaction transaction = getChildFragmentManager().beginTransaction(); transaction.addToBackStack(null); transaction.replace(R.id.products_list_linear, productDetailFragment).commit(); } }); return V; } }


Algunas de las soluciones presentadas me ayudaron mucho a resolver parcialmente el problema, pero todavía falta una cosa importante en las soluciones que ha producido excepciones inesperadas y contenido de páginas negras en lugar de fragmentos de contenido en algunos casos.

La cosa es que la clase FragmentPagerAdapter está utilizando la ID del elemento para almacenar fragmentos almacenados en caché en FragmentManager . Por este motivo, debe anular también el método getItemId (posición int) para que devuelva, por ejemplo, la posición para las páginas de nivel superior y la posición 100 + para las páginas de detalles. De lo contrario, el fragmento de nivel superior creado anteriormente se devolvería desde el caché en lugar del fragmento de nivel de detalle.

Además, estoy compartiendo aquí un ejemplo completo de cómo implementar una actividad similar a las pestañas con páginas Fragmento usando ViewPager y botones de pestaña usando RadioGroup que permite el reemplazo de páginas de nivel superior con páginas detalladas y también es compatible con el botón Atrás. Esta implementación solo admite un nivel de back stacking (lista de elementos - detalles del elemento), pero la implementación de múltiples niveles de back stacking es sencilla. Este ejemplo funciona bastante bien en casos normales, excepto que está lanzando una NullPointerException en caso de que, por ejemplo, cambie a la segunda página, cambie el fragmento de la primera página (aunque no esté visible) y regrese a la primera página. Publicaré una solución a este problema una vez que lo averigüe:

public class TabsActivity extends FragmentActivity { public static final int PAGE_COUNT = 3; public static final int FIRST_PAGE = 0; public static final int SECOND_PAGE = 1; public static final int THIRD_PAGE = 2; /** * Opens a new inferior page at specified tab position and adds the current page into back * stack. */ public void startPage(int position, Fragment content) { // Replace page adapter fragment at position. mPagerAdapter.start(position, content); } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Initialize basic layout. this.setContentView(R.layout.tabs_activity); // Add tab fragments to view pager. { // Create fragments adapter. mPagerAdapter = new PagerAdapter(pager); ViewPager pager = (ViewPager) super.findViewById(R.id.tabs_view_pager); pager.setAdapter(mPagerAdapter); // Update active tab in tab bar when page changes. pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int index, float value, int nextIndex) { // Not used. } @Override public void onPageSelected(int index) { RadioGroup tabs_radio_group = (RadioGroup) TabsActivity.this.findViewById( R.id.tabs_radio_group); switch (index) { case 0: { tabs_radio_group.check(R.id.first_radio_button); } break; case 1: { tabs_radio_group.check(R.id.second_radio_button); } break; case 2: { tabs_radio_group.check(R.id.third_radio_button); } break; } } @Override public void onPageScrollStateChanged(int index) { // Not used. } }); } // Set "tabs" radio group on checked change listener that changes the displayed page. RadioGroup radio_group = (RadioGroup) this.findViewById(R.id.tabs_radio_group); radio_group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup radioGroup, int id) { // Get view pager representing tabs. ViewPager view_pager = (ViewPager) TabsActivity.this.findViewById(R.id.tabs_view_pager); if (view_pager == null) { return; } // Change the active page. switch (id) { case R.id.first_radio_button: { view_pager.setCurrentItem(FIRST_PAGE); } break; case R.id.second_radio_button: { view_pager.setCurrentItem(SECOND_PAGE); } break; case R.id.third_radio_button: { view_pager.setCurrentItem(THIRD_PAGE); } break; } }); } } @Override public void onBackPressed() { if (!mPagerAdapter.back()) { super.onBackPressed(); } } /** * Serves the fragments when paging. */ private class PagerAdapter extends FragmentPagerAdapter { public PagerAdapter(ViewPager container) { super(TabsActivity.this.getSupportFragmentManager()); mContainer = container; mFragmentManager = TabsActivity.this.getSupportFragmentManager(); // Prepare "empty" list of fragments. mFragments = new ArrayList<Fragment>(){}; mBackFragments = new ArrayList<Fragment>(){}; for (int i = 0; i < PAGE_COUNT; i++) { mFragments.add(null); mBackFragments.add(null); } } /** * Replaces the view pager fragment at specified position. */ public void replace(int position, Fragment fragment) { // Get currently active fragment. Fragment old_fragment = mFragments.get(position); if (old_fragment == null) { return; } // Replace the fragment using transaction and in underlaying array list. // NOTE .addToBackStack(null) doesn''t work this.startUpdate(mContainer); mFragmentManager.beginTransaction().setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN) .remove(old_fragment).add(mContainer.getId(), fragment) .commit(); mFragments.set(position, fragment); this.notifyDataSetChanged(); this.finishUpdate(mContainer); } /** * Replaces the fragment at specified position and stores the current fragment to back stack * so it can be restored by #back(). */ public void start(int position, Fragment fragment) { // Remember current fragment. mBackFragments.set(position, mFragments.get(position)); // Replace the displayed fragment. this.replace(position, fragment); } /** * Replaces the current fragment by fragment stored in back stack. Does nothing and returns * false if no fragment is back-stacked. */ public boolean back() { int position = mContainer.getCurrentItem(); Fragment fragment = mBackFragments.get(position); if (fragment == null) { // Nothing to go back. return false; } // Restore the remembered fragment and remove it from back fragments. this.replace(position, fragment); mBackFragments.set(position, null); return true; } /** * Returns fragment of a page at specified position. */ @Override public Fragment getItem(int position) { // If fragment not yet initialized, create its instance. if (mFragments.get(position) == null) { switch (position) { case FIRST_PAGE: { mFragments.set(FIRST_PAGE, new DefaultFirstFragment()); } break; case SECOND_PAGE: { mFragments.set(SECOND_PAGE, new DefaultSecondFragment()); } break; case THIRD_PAGE: { mFragments.set(THIRD_PAGE, new DefaultThirdFragment()); } break; } } // Return fragment instance at requested position. return mFragments.get(position); } /** * Custom item ID resolution. Needed for proper page fragment caching. * @see FragmentPagerAdapter#getItemId(int). */ @Override public long getItemId(int position) { // Fragments from second level page hierarchy have their ID raised above 100. This is // important to FragmentPagerAdapter because it is caching fragments to FragmentManager with // this item ID key. Fragment item = mFragments.get(position); if (item != null) { if ((item instanceof NewFirstFragment) || (item instanceof NewSecondFragment) || (item instanceof NewThirdFragment)) { return 100 + position; } } return position; } /** * Returns number of pages. */ @Override public int getCount() { return mFragments.size(); } @Override public int getItemPosition(Object object) { int position = POSITION_UNCHANGED; if ((object instanceof DefaultFirstFragment) || (object instanceof NewFirstFragment)) { if (object.getClass() != mFragments.get(FIRST_PAGE).getClass()) { position = POSITION_NONE; } } if ((object instanceof DefaultSecondragment) || (object instanceof NewSecondFragment)) { if (object.getClass() != mFragments.get(SECOND_PAGE).getClass()) { position = POSITION_NONE; } } if ((object instanceof DefaultThirdFragment) || (object instanceof NewThirdFragment)) { if (object.getClass() != mFragments.get(THIRD_PAGE).getClass()) { position = POSITION_NONE; } } return position; } private ViewPager mContainer; private FragmentManager mFragmentManager; /** * List of page fragments. */ private List<Fragment> mFragments; /** * List of page fragments to return to in onBack(); */ private List<Fragment> mBackFragments; } /** * Tab fragments adapter. */ private PagerAdapter mPagerAdapter; }


Basándome en la respuesta de @wize, que encontré útil y elegante, pude lograr lo que quería parcialmente, porque quería que la cabina volviera al primer Fragmento una vez reemplazado. Lo logré modificando un poco su código.

Este sería el FragmentPagerAdapter:

public static class MyAdapter extends FragmentPagerAdapter { private final class CalendarPageListener implements CalendarPageFragmentListener { public void onSwitchToNextFragment() { mFragmentManager.beginTransaction().remove(mFragmentAtPos0) .commit(); if (mFragmentAtPos0 instanceof FirstFragment){ mFragmentAtPos0 = NextFragment.newInstance(listener); }else{ // Instance of NextFragment mFragmentAtPos0 = FirstFragment.newInstance(listener); } notifyDataSetChanged(); } } CalendarPageListener listener = new CalendarPageListener();; private Fragment mFragmentAtPos0; private FragmentManager mFragmentManager; public MyAdapter(FragmentManager fm) { super(fm); mFragmentManager = fm; } @Override public int getCount() { return NUM_ITEMS; } @Override public int getItemPosition(Object object) { if (object instanceof FirstFragment && mFragmentAtPos0 instanceof NextFragment) return POSITION_NONE; if (object instanceof NextFragment && mFragmentAtPos0 instanceof FirstFragment) return POSITION_NONE; return POSITION_UNCHANGED; } @Override public Fragment getItem(int position) { if (position == 0) return Portada.newInstance(); if (position == 1) { // Position where you want to replace fragments if (mFragmentAtPos0 == null) { mFragmentAtPos0 = FirstFragment.newInstance(listener); } return mFragmentAtPos0; } if (position == 2) return Clasificacion.newInstance(); if (position == 3) return Informacion.newInstance(); return null; } } public interface CalendarPageFragmentListener { void onSwitchToNextFragment(); }

Para realizar el reemplazo, simplemente defina un campo estático, del tipo CalendarPageFragmentListener e inicialice a través de los métodos newInstance de los fragmentos correspondientes y llame a FirstFragment.pageListener.onSwitchToNextFragment() o NextFragment.pageListener.onSwitchToNextFragment() respicte.

Espero que sea claro y útil.
Atentamente.


Hay otra solución que no necesita modificar el código fuente de ViewPager y FragmentStatePagerAdapter , y funciona con la clase base FragmentPagerAdapter utilizada por el autor.

Me gustaría comenzar respondiendo a la pregunta del autor sobre qué identificación debe usar; es el ID del contenedor, es decir, el ID del paginador de vista. Sin embargo, como probablemente te hayas dado cuenta, usar esa identificación en tu código no hace que ocurra nada. Explicaré por qué:

En primer lugar, para hacer que ViewPager a ViewPager las páginas, debe llamar a notifyDataSetChanged() que reside en la clase base de su adaptador.

En segundo lugar, ViewPager utiliza el método abstracto getItemPosition() para verificar qué páginas deben destruirse y cuáles deben conservarse. La implementación predeterminada de esta función siempre devuelve POSITION_UNCHANGED , lo que hace que ViewPager mantenga todas las páginas actuales y, por lo tanto, no adjunte su nueva página. Por lo tanto, para hacer que el reemplazo de fragmentos funcione, getItemPosition() debe ser anulado en su adaptador y debe devolver POSITION_NONE cuando se le llama con un fragmento antiguo, para ser oculto, fragmento como argumento.

Esto también significa que su adaptador siempre debe conocer qué fragmento debe mostrarse en la posición 0, FirstPageFragment o NextFragment . Una forma de hacerlo es proporcionar un oyente al crear FirstPageFragment , al que se llamará cuando sea el momento de cambiar los fragmentos. Sin embargo, creo que esto es algo bueno, ya que permite que su adaptador de fragmentos maneje todos los conmutadores de fragmentos y las llamadas a ViewPager y FragmentManager .

Tercero, FragmentPagerAdapter almacena en caché los fragmentos utilizados por un nombre que se deriva de la posición, por lo que si hubiera un fragmento en la posición 0, no se reemplazará aunque la clase sea nueva. Hay dos soluciones, pero la más simple es usar la función remove() de FragmentTransaction , que también eliminará su etiqueta.

Eso fue un montón de texto, aquí hay un código que debería funcionar en su caso:

public class MyAdapter extends FragmentPagerAdapter { static final int NUM_ITEMS = 2; private final FragmentManager mFragmentManager; private Fragment mFragmentAtPos0; public MyAdapter(FragmentManager fm) { super(fm); mFragmentManager = fm; } @Override public Fragment getItem(int position) { if (position == 0) { if (mFragmentAtPos0 == null) { mFragmentAtPos0 = FirstPageFragment.newInstance(new FirstPageFragmentListener() { public void onSwitchToNextFragment() { mFragmentManager.beginTransaction().remove(mFragmentAtPos0).commit(); mFragmentAtPos0 = NextFragment.newInstance(); notifyDataSetChanged(); } }); } return mFragmentAtPos0; } else return SecondPageFragment.newInstance(); } @Override public int getCount() { return NUM_ITEMS; } @Override public int getItemPosition(Object object) { if (object instanceof FirstPageFragment && mFragmentAtPos0 instanceof NextFragment) return POSITION_NONE; return POSITION_UNCHANGED; } } public interface FirstPageFragmentListener { void onSwitchToNextFragment(); }

Espero que esto ayude a cualquiera!


He implementado una solución para:

  • Reemplazo dinámico de fragmentos dentro de la pestaña
  • Mantenimiento de la historia por pestaña.
  • Trabajando con cambios de orientación.

Los trucos para lograrlo son los siguientes:

  • Utilice el método notifyDataSetChanged () para aplicar el reemplazo del fragmento
  • Utilice el administrador de fragmentos solo para la etapa posterior y no para el reemplazo de fragmentos.
  • Mantener el historial utilizando el patrón de recuerdo (pila)

El código del adaptador es el siguiente:

public class TabsAdapter extends FragmentStatePagerAdapter implements ActionBar.TabListener, ViewPager.OnPageChangeListener { /** The sherlock fragment activity. */ private final SherlockFragmentActivity mActivity; /** The action bar. */ private final ActionBar mActionBar; /** The pager. */ private final ViewPager mPager; /** The tabs. */ private List<TabInfo> mTabs = new LinkedList<TabInfo>(); /** The total number of tabs. */ private int TOTAL_TABS; private Map<Integer, Stack<TabInfo>> history = new HashMap<Integer, Stack<TabInfo>>(); /** * Creates a new instance. * * @param activity the activity * @param pager the pager */ public TabsAdapter(SherlockFragmentActivity activity, ViewPager pager) { super(activity.getSupportFragmentManager()); activity.getSupportFragmentManager(); this.mActivity = activity; this.mActionBar = activity.getSupportActionBar(); this.mPager = pager; mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); } /** * Adds the tab. * * @param image the image * @param fragmentClass the class * @param args the arguments */ public void addTab(final Drawable image, final Class fragmentClass, final Bundle args) { final TabInfo tabInfo = new TabInfo(fragmentClass, args); final ActionBar.Tab tab = mActionBar.newTab(); tab.setTabListener(this); tab.setTag(tabInfo); tab.setIcon(image); mTabs.add(tabInfo); mActionBar.addTab(tab); notifyDataSetChanged(); } @Override public Fragment getItem(final int position) { final TabInfo tabInfo = mTabs.get(position); return Fragment.instantiate(mActivity, tabInfo.fragmentClass.getName(), tabInfo.args); } @Override public int getItemPosition(final Object object) { /* Get the current position. */ int position = mActionBar.getSelectedTab().getPosition(); /* The default value. */ int pos = POSITION_NONE; if (history.get(position).isEmpty()) { return POSITION_NONE; } /* Checks if the object exists in current history. */ for (Stack<TabInfo> stack : history.values()) { TabInfo c = stack.peek(); if (c.fragmentClass.getName().equals(object.getClass().getName())) { pos = POSITION_UNCHANGED; break; } } return pos; } @Override public int getCount() { return mTabs.size(); } @Override public void onPageScrollStateChanged(int arg0) { } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageSelected(int position) { mActionBar.setSelectedNavigationItem(position); } @Override public void onTabSelected(final ActionBar.Tab tab, final FragmentTransaction ft) { TabInfo tabInfo = (TabInfo) tab.getTag(); for (int i = 0; i < mTabs.size(); i++) { if (mTabs.get(i).equals(tabInfo)) { mPager.setCurrentItem(i); } } } @Override public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) { } @Override public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) { } public void replace(final int position, final Class fragmentClass, final Bundle args) { /* Save the fragment to the history. */ mActivity.getSupportFragmentManager().beginTransaction().addToBackStack(null).commit(); /* Update the tabs. */ updateTabs(new TabInfo(fragmentClass, args), position); /* Updates the history. */ history.get(position).push(new TabInfo(mTabs.get(position).fragmentClass, mTabs.get(position).args)); notifyDataSetChanged(); } /** * Updates the tabs. * * @param tabInfo * the new tab info * @param position * the position */ private void updateTabs(final TabInfo tabInfo, final int position) { mTabs.remove(position); mTabs.add(position, tabInfo); mActionBar.getTabAt(position).setTag(tabInfo); } /** * Creates the history using the current state. */ public void createHistory() { int position = 0; TOTAL_TABS = mTabs.size(); for (TabInfo mTab : mTabs) { if (history.get(position) == null) { history.put(position, new Stack<TabInfo>()); } history.get(position).push(new TabInfo(mTab.fragmentClass, mTab.args)); position++; } } /** * Called on back */ public void back() { int position = mActionBar.getSelectedTab().getPosition(); if (!historyIsEmpty(position)) { /* In case there is not any other item in the history, then finalize the activity. */ if (isLastItemInHistory(position)) { mActivity.finish(); } final TabInfo currentTabInfo = getPrevious(position); mTabs.clear(); for (int i = 0; i < TOTAL_TABS; i++) { if (i == position) { mTabs.add(new TabInfo(currentTabInfo.fragmentClass, currentTabInfo.args)); } else { TabInfo otherTabInfo = history.get(i).peek(); mTabs.add(new TabInfo(otherTabInfo.fragmentClass, otherTabInfo.args)); } } } mActionBar.selectTab(mActionBar.getTabAt(position)); notifyDataSetChanged(); } /** * Returns if the history is empty. * * @param position * the position * @return the flag if empty */ private boolean historyIsEmpty(final int position) { return history == null || history.isEmpty() || history.get(position).isEmpty(); } private boolean isLastItemInHistory(final int position) { return history.get(position).size() == 1; } /** * Returns the previous state by the position provided. * * @param position * the position * @return the tab info */ private TabInfo getPrevious(final int position) { TabInfo currentTabInfo = history.get(position).pop(); if (!history.get(position).isEmpty()) { currentTabInfo = history.get(position).peek(); } return currentTabInfo; } /** The tab info class */ private static class TabInfo { /** The fragment class. */ public Class fragmentClass; /** The args.*/ public Bundle args; /** * Creates a new instance. * * @param fragmentClass * the fragment class * @param args * the args */ public TabInfo(Class fragmentClass, Bundle args) { this.fragmentClass = fragmentClass; this.args = args; } @Override public boolean equals(final Object o) { return this.fragmentClass.getName().equals(o.getClass().getName()); } @Override public int hashCode() { return fragmentClass.getName() != null ? fragmentClass.getName().hashCode() : 0; } @Override public String toString() { return "TabInfo{" + "fragmentClass=" + fragmentClass + ''}''; } }

La primera vez que agregue todas las pestañas, debemos llamar al método createHistory (), para crear el historial inicial

public void createHistory() { int position = 0; TOTAL_TABS = mTabs.size(); for (TabInfo mTab : mTabs) { if (history.get(position) == null) { history.put(position, new Stack<TabInfo>()); } history.get(position).push(new TabInfo(mTab.fragmentClass, mTab.args)); position++; } }

Cada vez que desea reemplazar un fragmento a una pestaña específica que llama: reemplazar (posición int final, clase final fragment fragment Class, argumentos finales del paquete)

/* Save the fragment to the history. */ mActivity.getSupportFragmentManager().beginTransaction().addToBackStack(null).commit(); /* Update the tabs. */ updateTabs(new TabInfo(fragmentClass, args), position); /* Updates the history. */ history.get(position).push(new TabInfo(mTabs.get(position).fragmentClass, mTabs.get(position).args)); notifyDataSetChanged();

En la parte posterior presionada necesitas llamar al método back ():

public void back() { int position = mActionBar.getSelectedTab().getPosition(); if (!historyIsEmpty(position)) { /* In case there is not any other item in the history, then finalize the activity. */ if (isLastItemInHistory(position)) { mActivity.finish(); } final TabInfo currentTabInfo = getPrevious(position); mTabs.clear(); for (int i = 0; i < TOTAL_TABS; i++) { if (i == position) { mTabs.add(new TabInfo(currentTabInfo.fragmentClass, currentTabInfo.args)); } else { TabInfo otherTabInfo = history.get(i).peek(); mTabs.add(new TabInfo(otherTabInfo.fragmentClass, otherTabInfo.args)); } } } mActionBar.selectTab(mActionBar.getTabAt(position)); notifyDataSetChanged(); }

La solución funciona con la barra de acción de sherlock y con el gesto de deslizar.


tl; dr: use un fragmento de host que sea responsable de reemplazar el contenido alojado y realice un seguimiento del historial de navegación posterior (como en un navegador).

Como su caso de uso consiste en una cantidad fija de pestañas, mi solución funciona bien: la idea es llenar el ViewPager con instancias de una clase personalizada HostFragment , que pueda reemplazar su contenido alojado y mantenga su propio historial de navegación. Para reemplazar el fragmento alojado, realice una llamada al método hostfragment.replaceFragment() :

public void replaceFragment(Fragment fragment, boolean addToBackstack) { if (addToBackstack) { getChildFragmentManager().beginTransaction().replace(R.id.hosted_fragment, fragment).addToBackStack(null).commit(); } else { getChildFragmentManager().beginTransaction().replace(R.id.hosted_fragment, fragment).commit(); } }

Todo lo que hace ese método es reemplazar el diseño del marco con el id R.id.hosted_fragment con el fragmento proporcionado al método.

¡Consulte mi tutorial sobre este tema para obtener más detalles y un ejemplo completo de trabajo en GitHub!


Esta es mi manera de lograr eso.

En primer lugar, agregue la pestaña Root_fragmentinterna viewPageren la que desea implementar el fragmentevento de clic de botón . Ejemplo;

@Override public Fragment getItem(int position) { if(position==0) return RootTabFragment.newInstance(); else return SecondPagerFragment.newInstance(); }

En primer lugar, RootTabFragmentdebe incluirse FragmentLayoutpara el cambio de fragmentos.

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/root_frame" android:layout_width="match_parent" android:layout_height="match_parent"> </FrameLayout>

Luego, en el interior RootTabFragment onCreateView, implementa fragmentChangepara tuFirstPagerFragment

getChildFragmentManager().beginTransaction().replace(R.id.root_frame, FirstPagerFragment.newInstance()).commit();

Después de eso, implementa el onClickevento para tu botón en el interior FirstPagerFragmenty haz que el fragmento cambie de esa manera nuevamente.

getChildFragmentManager().beginTransaction().replace(R.id.root_frame, NextFragment.newInstance()).commit();

Espero que esto te ayude chico.


He creado un ViewPager con 3 elementos y 2 subelementos para los índices 2 y 3 y aquí lo que quería hacer ...

He implementado esto con la ayuda de preguntas y respuestas anteriores de y aquí está el enlace.

ViewPagerChildFragments


Aquí está mi solución relativamente simple a este problema. Las claves de esta solución son utilizar en FragmentStatePagerAdapterlugar de, FragmentPagerAdapterya que la primera eliminará los fragmentos no utilizados mientras que la última aún conserva sus instancias. El segundo es el uso de POSITION_NONEin getItem (). He utilizado una lista simple para realizar un seguimiento de mis fragmentos. Mi requisito era reemplazar la lista completa de fragmentos a la vez con una nueva lista, pero la siguiente podría modificarse fácilmente para reemplazar fragmentos individuales:

public class MyFragmentAdapter extends FragmentStatePagerAdapter { private List<Fragment> fragmentList = new ArrayList<Fragment>(); private List<String> tabTitleList = new ArrayList<String>(); public MyFragmentAdapter(FragmentManager fm) { super(fm); } public void addFragments(List<Fragment> fragments, List<String> titles) { fragmentList.clear(); tabTitleList.clear(); fragmentList.addAll(fragments); tabTitleList.addAll(titles); notifyDataSetChanged(); } @Override public int getItemPosition(Object object) { if (fragmentList.contains(object)) { return POSITION_UNCHANGED; } return POSITION_NONE; } @Override public Fragment getItem(int item) { if (item >= fragmentList.size()) { return null; } return fragmentList.get(item); } @Override public int getCount() { return fragmentList.size(); } @Override public CharSequence getPageTitle(int position) { return tabTitleList.get(position); } }


Después de la investigación encontré solución con código corto. en primer lugar, cree una instancia pública en el fragmento y simplemente elimine su fragmento en onSaveInstanceState si el fragmento no se recrea en el cambio de orientación.

@Override public void onSaveInstanceState(Bundle outState) { if (null != mCalFragment) { FragmentTransaction bt = getChildFragmentManager().beginTransaction(); bt.remove(mFragment); bt.commit(); } super.onSaveInstanceState(outState); }


En su onCreateViewmétodo, containeres en realidad una ViewPagerinstancia.

Así que, simplemente llamando

ViewPager vpViewPager = (ViewPager) container; vpViewPager.setCurrentItem(1);

Cambiará el fragmento actual en tu ViewPager.


Encontré una solución simple, que funciona bien incluso si desea agregar nuevos fragmentos en el medio o reemplazar el fragmento actual. En mi solución, debe anular getItemId()la identificación que debe devolver un ID único para cada fragmento. No se posiciona como por defecto.

Ahí está:

public class DynamicPagerAdapter extends FragmentPagerAdapter { private ArrayList<Page> mPages = new ArrayList<Page>(); private ArrayList<Fragment> mFragments = new ArrayList<Fragment>(); public DynamicPagerAdapter(FragmentManager fm) { super(fm); } public void replacePage(int position, Page page) { mPages.set(position, page); notifyDataSetChanged(); } public void setPages(ArrayList<Page> pages) { mPages = pages; notifyDataSetChanged(); } @Override public Fragment getItem(int position) { if (mPages.get(position).mPageType == PageType.FIRST) { return FirstFragment.newInstance(mPages.get(position)); } else { return SecondFragment.newInstance(mPages.get(position)); } } @Override public int getCount() { return mPages.size(); } @Override public long getItemId(int position) { // return unique id return mPages.get(position).getId(); } @Override public Object instantiateItem(ViewGroup container, int position) { Fragment fragment = (Fragment) super.instantiateItem(container, position); while (mFragments.size() <= position) { mFragments.add(null); } mFragments.set(position, fragment); return fragment; } @Override public void destroyItem(ViewGroup container, int position, Object object) { super.destroyItem(container, position, object); mFragments.set(position, null); } @Override public int getItemPosition(Object object) { PagerFragment pagerFragment = (PagerFragment) object; Page page = pagerFragment.getPage(); int position = mFragments.indexOf(pagerFragment); if (page.equals(mPages.get(position))) { return POSITION_UNCHANGED; } else { return POSITION_NONE; } } }

Nota: En este ejemplo FirstFragmenty SecondFragmentse extiende PageFragment clase abstracta, que tiene método getPage().


Estoy haciendo algo parecido a wize pero en mi respuesta puedes cambiar entre los dos fragmentos cuando quieras. Y con la respuesta inteligente tengo algunos problemas al cambiar la orientación de la pantalla y cosas así. Este es el PagerAdapter se ve como:

public class MyAdapter extends FragmentPagerAdapter { static final int NUM_ITEMS = 2; private final FragmentManager mFragmentManager; private Fragment mFragmentAtPos0; private Map<Integer, String> mFragmentTags; private boolean isNextFragment=false; public MyAdapter(FragmentManager fm) { super(fm); mFragmentManager = fm; mFragmentTags = new HashMap<Integer, String>(); } @Override public Fragment getItem(int position) { if (position == 0) { if (isPager) { mFragmentAtPos0 = new FirstPageFragment(); } else { mFragmentAtPos0 = new NextFragment(); } return mFragmentAtPos0; } else return SecondPageFragment.newInstance(); } @Override public int getCount() { return NUM_ITEMS; } @Override public Object instantiateItem(ViewGroup container, int position) { Object obj = super.instantiateItem(container, position); if (obj instanceof Fragment) { // record the fragment tag here. Fragment f = (Fragment) obj; String tag = f.getTag(); mFragmentTags.put(position, tag); } return obj; } public void onChange(boolean isNextFragment) { if (mFragmentAtPos0 == null) mFragmentAtPos0 = getFragment(0); if (mFragmentAtPos0 != null) mFragmentManager.beginTransaction().remove(mFragmentAtPos0).commit(); if (!isNextFragment) { mFragmentAtFlashcards = new FirstPageFragment(); } else { mFragmentAtFlashcards = new NextFragment(); } notifyDataSetChanged(); } @Override public int getItemPosition(Object object) { if (object instanceof FirstPageFragment && mFragmentAtPos0 instanceof NextFragment) return POSITION_NONE; if (object instanceof NextFragment && mFragmentAtPos0 instanceof FirstPageFragment) return POSITION_NONE; return POSITION_UNCHANGED; } public Fragment getFragment(int position) { String tag = mFragmentTags.get(position); if (tag == null) return null; return mFragmentManager.findFragmentByTag(tag); } }

El oyente que implementé en la actividad del contenedor del adaptador para colocarlo en el fragmento al adjuntarlo, esta es la actividad:

public class PagerContainerActivity extends AppCompatActivity implements ChangeFragmentListener { //... @Override public void onChange(boolean isNextFragment) { if (pagerAdapter != null) pagerAdapter.onChange(isNextFragment); } //... }

Luego en el fragmento poniendo al oyente al adjuntar un llamándolo:

public class FirstPageFragment extends Fragment{ private ChangeFragmentListener changeFragmentListener; //... @Override public void onAttach(Activity activity) { super.onAttach(activity); changeFragmentListener = ((PagerContainerActivity) activity); } @Override public void onDetach() { super.onDetach(); changeFragmentListener = null; } //... //in the on click to change the fragment changeFragmentListener.onChange(true); //... }

Y finalmente el oyente:

public interface changeFragmentListener { void onChange(boolean isNextFragment); }


Funciona muy bien con la solución de AndroidTeam, sin embargo, encontré que necesitaba la capacidad de volver atrás, FrgmentTransaction.addToBackStack(null)pero simplemente agregar esto solo hará que el Fragmento sea reemplazado sin notificar al ViewPager. La combinación de la solución provista con esta mejora menor le permitirá regresar al estado anterior simplemente anulando el onBackPressed()método de la actividad . El mayor inconveniente es que solo retrocederá uno a la vez, lo que puede resultar en múltiples clics.

private ArrayList<Fragment> bFragments = new ArrayList<Fragment>(); private ArrayList<Integer> bPosition = new ArrayList<Integer>(); public void replaceFragmentsWithBackOut(ViewPager container, Fragment oldFragment, Fragment newFragment) { startUpdate(container); // remove old fragment if (mCurTransaction == null) { mCurTransaction = mFragmentManager.beginTransaction(); } int position = getFragmentPosition(oldFragment); while (mSavedState.size() <= position) { mSavedState.add(null); } //Add Fragment to Back List bFragments.add(oldFragment); //Add Pager Position to Back List bPosition.add(position); mSavedState.set(position, null); mFragments.set(position, null); mCurTransaction.remove(oldFragment); // add new fragment while (mFragments.size() <= position) { mFragments.add(null); } mFragments.set(position, newFragment); mCurTransaction.add(container.getId(), newFragment); finishUpdate(container); // ensure getItem returns newFragemtn after calling handleGetItemInbalidated() handleGetItemInvalidated(container, oldFragment, newFragment); container.notifyItemChanged(oldFragment, newFragment); } public boolean popBackImmediate(ViewPager container){ int bFragSize = bFragments.size(); int bPosSize = bPosition.size(); if(bFragSize>0 && bPosSize>0){ if(bFragSize==bPosSize){ int last = bFragSize-1; int position = bPosition.get(last); //Returns Fragment Currently at this position Fragment replacedFragment = mFragments.get(position); Fragment originalFragment = bFragments.get(last); this.replaceFragments(container, replacedFragment, originalFragment); bPosition.remove(last); bFragments.remove(last); return true; } } return false; }

Espero que esto ayude a alguien.

También en lo que getFragmentPosition()va es bastante getItem()al revés. Usted sabe qué fragmentos van a dónde, solo asegúrese de devolver la posición correcta en la que se encontrará. Aquí tiene un ejemplo:

@Override protected int getFragmentPosition(Fragment fragment) { if(fragment.equals(originalFragment1)){ return 0; } if(fragment.equals(replacementFragment1)){ return 0; } if(fragment.equals(Fragment2)){ return 1; } return -1; }


Para reemplazar un fragmento dentro de una ViewPagerque se puede mover códigos fuente de ViewPager, PagerAdaptery FragmentStatePagerAdapterclases en su proyecto y añadir siguiente código.

en ViewPager:

public void notifyItemChanged(Object oldItem, Object newItem) { if (mItems != null) { for (ItemInfo itemInfo : mItems) { if (itemInfo.object.equals(oldItem)) { itemInfo.object = newItem; } } } invalidate(); }

en FragmentStatePagerAdapter:

public void replaceFragmetns(ViewPager container, Fragment oldFragment, Fragment newFragment) { startUpdate(container); // remove old fragment if (mCurTransaction == null) { mCurTransaction = mFragmentManager.beginTransaction(); } int position = getFragmentPosition(oldFragment); while (mSavedState.size() <= position) { mSavedState.add(null); } mSavedState.set(position, null); mFragments.set(position, null); mCurTransaction.remove(oldFragment); // add new fragment while (mFragments.size() <= position) { mFragments.add(null); } mFragments.set(position, newFragment); mCurTransaction.add(container.getId(), newFragment); finishUpdate(container); // ensure getItem returns newFragemtn after calling handleGetItemInbalidated() handleGetItemInbalidated(container, oldFragment, newFragment); container.notifyItemChanged(oldFragment, newFragment); } protected abstract void handleGetItemInbalidated(View container, Fragment oldFragment, Fragment newFragment); protected abstract int getFragmentPosition(Fragment fragment);

handleGetItemInvalidated()asegura que después de la próxima llamada getItem()devuelva newFragment getFragmentPosition()devuelve la posición del fragmento en su adaptador.

Ahora, para reemplazar los fragmentos de llamada.

mAdapter.replaceFragmetns(mViewPager, oldFragment, newFragment);

Si te interesa un proyecto de ejemplo, pídeme las fuentes.


Reemplazar fragmentos en un viewpager es bastante complicado, pero es muy posible y puede parecer super slick. Primero, debe dejar que el viewpager maneje la eliminación y adición de los fragmentos. Lo que sucede es que cuando reemplaza el fragmento dentro de SearchFragment, su viewpager conserva sus vistas de fragmentos. Así que terminas con una página en blanco porque el SearchFragment se elimina cuando intentas reemplazarla.

La solución es crear un oyente dentro de su viewpager que maneje los cambios realizados fuera de él, así que primero agregue este código a la parte inferior de su adaptador.

public interface nextFragmentListener { public void fragment0Changed(String newFragmentIdentification); }

Luego, debe crear una clase privada en su viewpager que se convierta en un oyente cuando desee cambiar su fragmento. Por ejemplo, podría agregar algo como esto. Observe que implementa la interfaz que se acaba de crear. Entonces, siempre que llame a este método, ejecutará el código dentro de la clase a continuación.

private final class fragmentChangeListener implements nextFragmentListener { @Override public void fragment0Changed(String fragment) { //I will explain the purpose of fragment0 in a moment fragment0 = fragment; manager.beginTransaction().remove(fragAt0).commit(); switch (fragment){ case "searchFragment": fragAt0 = SearchFragment.newInstance(listener); break; case "searchResultFragment": fragAt0 = Fragment_Table.newInstance(listener); break; } notifyDataSetChanged(); }

Hay dos cosas principales que señalar aquí:

  1. fragAt0 es un fragmento "flexible". Puede tomar cualquier tipo de fragmento que le des. Esto le permite convertirse en su mejor amigo al cambiar el fragmento en la posición 0 al fragmento que desea.
  2. Observe los oyentes que se colocan en el constructor ''newInstance (listener). Así es como llamarásfragment0Changed (String newFragmentIdentification) `. El siguiente código muestra cómo crear el oyente dentro de su fragmento.

    static nextFragmentListener listenerSearch;

    public static Fragment_Journals newInstance(nextFragmentListener listener){ listenerSearch = listener; return new Fragment_Journals(); }

Podrías llamar al cambio dentro de tu onPostExecute

private class SearchAsyncTask extends AsyncTask<Void, Void, Void>{ protected Void doInBackground(Void... params){ . .//some more operation . } protected void onPostExecute(Void param){ listenerSearch.fragment0Changed("searchResultFragment"); } }

Esto activaría el código dentro de su viewpager para cambiar su fragmento en la posición cero fragAt0 para convertirse en un nuevo searchResultFragment. Hay dos piezas más pequeñas que debe agregar al viewpager antes de que se vuelva funcional.

Uno estaría en el método de anulación getItem del viewpager.

@Override public Fragment getItem(int index) { switch (index) { case 0: //this is where it will "remember" which fragment you have just selected. the key is to set a static String fragment at the top of your page that will hold the position that you had just selected. if(fragAt0 == null){ switch(fragment0){ case "searchFragment": fragAt0 = FragmentSearch.newInstance(listener); break; case "searchResultsFragment": fragAt0 = FragmentSearchResults.newInstance(listener); break; } } return fragAt0; case 1: // Games fragment activity return new CreateFragment(); }

Ahora sin esta pieza final todavía obtendría una página en blanco. Tipo de cojo, pero es una parte esencial del viewPager. Debe anular el método getItemPosition del viewpager. Por lo general, este método devolverá POSITION_UNCHANGED, que le dice al viewpager que mantenga todo igual y por lo tanto nunca se llamará a getItem para colocar el nuevo fragmento en la página. Aquí hay un ejemplo de algo que podrías hacer

public int getItemPosition(Object object) { //object is the current fragment displayed at position 0. if(object instanceof SearchFragment && fragAt0 instanceof SearchResultFragment){ return POSITION_NONE; //this condition is for when you press back }else if{(object instanceof SearchResultFragment && fragAt0 instanceof SearchFragment){ return POSITION_NONE; } return POSITION_UNCHANGED }

Como dije, el código se involucra mucho, pero básicamente tienes que crear un adaptador personalizado para tu situación. Las cosas que mencioné permitirán cambiar el fragmento. Es probable que tome mucho tiempo empaparlo todo para que sea paciente, pero todo tendrá sentido. Vale la pena tomarse el tiempo porque puede ser una aplicación realmente elegante.

Aquí está la pepita para manejar el botón Atrás. Pones esto dentro de tu MainActivity

public void onBackPressed() { if(mViewPager.getCurrentItem() == 0) { if(pagerAdapter.getItem(0) instanceof FragmentSearchResults){ ((Fragment_Table) pagerAdapter.getItem(0)).backPressed(); }else if (pagerAdapter.getItem(0) instanceof FragmentSearch) { finish(); } }

Necesitará crear un método llamado backPressed () dentro de FragmentSearchResults que llama fragment0changed. Esto junto con el código que mostré antes manejará presionar el botón Atrás. Buena suerte con tu código para cambiar el viewpager. Requiere mucho trabajo y, por lo que he encontrado, no hay adaptaciones rápidas. Como dije, básicamente estás creando un adaptador de viewpager personalizado y dejas que se encargue de todos los cambios necesarios utilizando escuchas


Seguí las respuestas de @wize y @mdelolmo y obtuve la solución. Gracias Tons. Pero ajusté estas soluciones un poco para mejorar el consumo de memoria.

Problemas que he observado:

Guardan la instancia de la Fragmentque se sustituye. En mi caso, es un Fragmento que sostiene MapViewy pensé que es costoso. Por lo tanto, estoy manteniendo el FragmentPagerPositionChanged (POSITION_NONE or POSITION_UNCHANGED)lugar de Fragmentsí mismo.

Aquí está mi implementación.

public static class DemoCollectionPagerAdapter extends FragmentStatePagerAdapter { private SwitchFragListener mSwitchFragListener; private Switch mToggle; private int pagerAdapterPosChanged = POSITION_UNCHANGED; private static final int TOGGLE_ENABLE_POS = 2; public DemoCollectionPagerAdapter(FragmentManager fm, Switch toggle) { super(fm); mToggle = toggle; mSwitchFragListener = new SwitchFragListener(); mToggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { mSwitchFragListener.onSwitchToNextFragment(); } }); } @Override public Fragment getItem(int i) { switch (i) { case TOGGLE_ENABLE_POS: if(mToggle.isChecked()) { return TabReplaceFragment.getInstance(); }else { return DemoTab2Fragment.getInstance(i); } default: return DemoTabFragment.getInstance(i); } } @Override public int getCount() { return 5; } @Override public CharSequence getPageTitle(int position) { return "Tab " + (position + 1); } @Override public int getItemPosition(Object object) { // This check make sures getItem() is called only for the required Fragment if (object instanceof TabReplaceFragment || object instanceof DemoTab2Fragment) return pagerAdapterPosChanged; return POSITION_UNCHANGED; } /** * Switch fragments Interface implementation */ private final class SwitchFragListener implements SwitchFragInterface { SwitchFragListener() {} public void onSwitchToNextFragment() { pagerAdapterPosChanged = POSITION_NONE; notifyDataSetChanged(); } } /** * Interface to switch frags */ private interface SwitchFragInterface{ void onSwitchToNextFragment(); } }

Enlace de demostración aquí .. https://youtu.be/l_62uhKkLyM

Para fines de demostración, se utilizaron 2 fragmentos TabReplaceFragmenty DemoTab2Fragmenten la posición dos. En todos los demás casos estoy usando DemoTabFragmentinstancias.

Explicación:

Estoy pasando Switchde la actividad a la DemoCollectionPagerAdapter. En función del estado de este interruptor, mostraremos el fragmento correcto. Cuando se cambia el interruptor de comprobación, estoy llamando a la SwitchFragListener''s onSwitchToNextFragmentmétodo, donde yo estoy cambiando el valor de pagerAdapterPosChangedla variable a POSITION_NONE. Consulta más sobre POSITION_NONE . Esto invalidará el getItem y tengo lógicas para crear una instancia del fragmento correcto allí. Lo siento, si la explicación es un poco desordenada.

Una vez más, muchas gracias a @wize y @mdelolmo por la idea original.

Espero que esto sea de ayuda. :)

Déjame saber si esta implementación tiene fallas. Eso será de gran ayuda para mi proyecto.


También hice una solución, que está trabajando con pilas . Es un enfoque más modular para que no tenga que especificar cada Fragmento y Fragmento de Detalle en su FragmentPagerAdapter. Se basa en el Ejemplo de ActionbarSherlock, que se deriva de la aplicación de demostración de Google.

/** * This is a helper class that implements the management of tabs and all * details of connecting a ViewPager with associated TabHost. It relies on a * trick. Normally a tab host has a simple API for supplying a View or * Intent that each tab will show. This is not sufficient for switching * between pages. So instead we make the content part of the tab host * 0dp high (it is not shown) and the TabsAdapter supplies its own dummy * view to show as the tab content. It listens to changes in tabs, and takes * care of switch to the correct paged in the ViewPager whenever the selected * tab changes. * * Changed to support more Layers of fragments on each Tab. * by sebnapi (2012) * */ public class TabsAdapter extends FragmentPagerAdapter implements TabHost.OnTabChangeListener, ViewPager.OnPageChangeListener { private final Context mContext; private final TabHost mTabHost; private final ViewPager mViewPager; private ArrayList<String> mTabTags = new ArrayList<String>(); private HashMap<String, Stack<TabInfo>> mTabStackMap = new HashMap<String, Stack<TabInfo>>(); static final class TabInfo { public final String tag; public final Class<?> clss; public Bundle args; TabInfo(String _tag, Class<?> _class, Bundle _args) { tag = _tag; clss = _class; args = _args; } } static class DummyTabFactory implements TabHost.TabContentFactory { private final Context mContext; public DummyTabFactory(Context context) { mContext = context; } @Override public View createTabContent(String tag) { View v = new View(mContext); v.setMinimumWidth(0); v.setMinimumHeight(0); return v; } } public interface SaveStateBundle{ public Bundle onRemoveFragment(Bundle outState); } public TabsAdapter(FragmentActivity activity, TabHost tabHost, ViewPager pager) { super(activity.getSupportFragmentManager()); mContext = activity; mTabHost = tabHost; mViewPager = pager; mTabHost.setOnTabChangedListener(this); mViewPager.setAdapter(this); mViewPager.setOnPageChangeListener(this); } /** * Add a Tab which will have Fragment Stack. Add Fragments on this Stack by using * addFragment(FragmentManager fm, String _tag, Class<?> _class, Bundle _args) * The Stack will hold always the default Fragment u add here. * * DON''T ADD Tabs with same tag, it''s not beeing checked and results in unexpected * beahvior. * * @param tabSpec * @param clss * @param args */ public void addTab(TabHost.TabSpec tabSpec, Class<?> clss, Bundle args){ Stack<TabInfo> tabStack = new Stack<TabInfo>(); tabSpec.setContent(new DummyTabFactory(mContext)); mTabHost.addTab(tabSpec); String tag = tabSpec.getTag(); TabInfo info = new TabInfo(tag, clss, args); mTabTags.add(tag); // to know the position of the tab tag tabStack.add(info); mTabStackMap.put(tag, tabStack); notifyDataSetChanged(); } /** * Will add the Fragment to Tab with the Tag _tag. Provide the Class of the Fragment * it will be instantiated by this object. Proivde _args for your Fragment. * * @param fm * @param _tag * @param _class * @param _args */ public void addFragment(FragmentManager fm, String _tag, Class<?> _class, Bundle _args){ TabInfo info = new TabInfo(_tag, _class, _args); Stack<TabInfo> tabStack = mTabStackMap.get(_tag); Fragment frag = fm.findFragmentByTag("android:switcher:" + mViewPager.getId() + ":" + mTabTags.indexOf(_tag)); if(frag instanceof SaveStateBundle){ Bundle b = new Bundle(); ((SaveStateBundle) frag).onRemoveFragment(b); tabStack.peek().args = b; } tabStack.add(info); FragmentTransaction ft = fm.beginTransaction(); ft.remove(frag).commit(); notifyDataSetChanged(); } /** * Will pop the Fragment added to the Tab with the Tag _tag * * @param fm * @param _tag * @return */ public boolean popFragment(FragmentManager fm, String _tag){ Stack<TabInfo> tabStack = mTabStackMap.get(_tag); if(tabStack.size()>1){ tabStack.pop(); Fragment frag = fm.findFragmentByTag("android:switcher:" + mViewPager.getId() + ":" + mTabTags.indexOf(_tag)); FragmentTransaction ft = fm.beginTransaction(); ft.remove(frag).commit(); notifyDataSetChanged(); return true; } return false; } public boolean back(FragmentManager fm) { int position = mViewPager.getCurrentItem(); return popFragment(fm, mTabTags.get(position)); } @Override public int getCount() { return mTabStackMap.size(); } @Override public int getItemPosition(Object object) { ArrayList<Class<?>> positionNoneHack = new ArrayList<Class<?>>(); for(Stack<TabInfo> tabStack: mTabStackMap.values()){ positionNoneHack.add(tabStack.peek().clss); } // if the object class lies on top of our stacks, we return default if(positionNoneHack.contains(object.getClass())){ return POSITION_UNCHANGED; } return POSITION_NONE; } @Override public Fragment getItem(int position) { Stack<TabInfo> tabStack = mTabStackMap.get(mTabTags.get(position)); TabInfo info = tabStack.peek(); return Fragment.instantiate(mContext, info.clss.getName(), info.args); } @Override public void onTabChanged(String tabId) { int position = mTabHost.getCurrentTab(); mViewPager.setCurrentItem(position); } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { // Unfortunately when TabHost changes the current tab, it kindly // also takes care of putting focus on it when not in touch mode. // The jerk. // This hack tries to prevent this from pulling focus out of our // ViewPager. TabWidget widget = mTabHost.getTabWidget(); int oldFocusability = widget.getDescendantFocusability(); widget.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS); mTabHost.setCurrentTab(position); widget.setDescendantFocusability(oldFocusability); } @Override public void onPageScrollStateChanged(int state) { } }

Agregue esto para la funcionalidad del botón Atrás en su MainActivity:

@Override public void onBackPressed() { if (!mTabsAdapter.back(getSupportFragmentManager())) { super.onBackPressed(); } }

Si te gusta guardar el estado del fragmento cuando se elimina. Deje que su Fragmento implemente la interfaz SaveStateBundledevuelva en la función un paquete con su estado de guardado. Obtener el paquete después de la instanciación por this.getArguments().

Puedes instanciar una pestaña como esta:

mTabsAdapter.addTab(mTabHost.newTabSpec("firstTabTag").setIndicator("First Tab Title"), FirstFragmentActivity.FirstFragmentFragment.class, null);

funciona de forma similar si desea agregar un fragmento en la parte superior de una pila de pestañas. Importante : creo que no funcionará si quieres tener 2 instancias de la misma clase sobre dos pestañas. Hice esta solución rápidamente juntos, así que solo puedo compartirla sin proporcionar ninguna experiencia con ella.