Patrón de navegación entre fragmentos:
Mis conclusiones sobre el tema de navegación entre fragmentos, antes de todo debes estructurar bien la profundidad de navegación, si es muy rebuscada, el usuario puede perder la orientación de navegación.
Guia de google sobre patrón de navegación
Resumiendo: En una aplicación compuesta por dos tipos de contenido libros
y películas
cada uno puede tener un listado
y una vista de detalle
, en la vista de detalle de una película podría recomendarte su libro o viceversa.
Fragmentos disponibles:
Acceso directo desde el menú lateral:
- Principal
- Lista libros
- Lista películas
Sin acceso directo en el menú lateral:
- Detalle libro
- Detalle película
Pongamos que la acción del usuario realiza:
Principal -> Listar libros -> Listar películas -> Detalle película
(3 retrocesos)
Principal -> Listar libros -> Listar películas -> Detalle película -> Detalle libro
(4 retrocesos)
Siguiendo el patrón que Google recomienda, cuando se muestre el detalle del libro al retroceder se situé en el listado de libros:
Detalle libro -> listado de libros -> principal
(3 retrocesos antes de los 4) Pero no ser si es lo mejor eso, ya que el usuario se puede extrañar que se le abre el listado de libros antes que el detalle de la película, si quiere listar los libros ya tiene la acción directa al menú lateral.
Para mejorar la usuabilidad de navegación a partir del último ejemplo, modificaría la pila para que solo hayan 3 retrocesos, excluyendo el listar libros.
Quedando así:
Principal -> Listar películas -> Detalle película -> Detalle libro
(3 retrocesos antes de los 4)
El diseño de navegación:
- El primer fragmento cargarlo con
add
así cuando es el último sale de la app.
- Crear un pila donde se guardarán los fragmentos:
addToBackStack(TAG)
- Para obtener cuantos fragmentos hay en la pila:
getBackStackEntryCount()
- Acción retroceder, eliminar el último fragmento de la pila:
popBackStack()
- Eliminar la pila si el usuario usa el menú lateral para situarse al inicio.
- Prevenir la duplicación de un fragmento en la pila, se debe rescatarlo.
Fragmento de prueba
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class FragmentA extends Fragment {
private static final String ARG_ID = "param_id";
private static final String ARG_TITLE = "param_title";
private static final String TAG = FragmentA.class.getSimpleName();
private int mParam1;
private String mParam2;
public FragmentA() {
}
public static FragmentA newInstance(int param1, String param2) {
FragmentA fragment = new FragmentA();
Bundle args = new Bundle();
args.putInt(ARG_ID, param1);
args.putString(ARG_TITLE, param2);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (getArguments() != null) {
mParam1 = getArguments().getInt(ARG_ID);
mParam2 = getArguments().getString(ARG_TITLE);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_blank, container, false);
//Al rescatar de la pila necesario resaltar el menu y cambiar el texto
NavigationView navigationView = (NavigationView) getActivity().findViewById(R.id.nav_view);
navigationView.getMenu().findItem(mParam1).setChecked(true);
getActivity().setTitle(mParam2);
TextView tvLabel = (TextView) view.findViewById(R.id.label);
tvLabel.setText(mParam2);
Log.d(TAG, "onCreateView: " + mParam1 + " " + mParam2);
return view;
}
}
Sistema de navegación
En onNavigationItemSelected
es donde tienes que decidir que elementos del menú tiene que cargar un fragmento
o una activdad
@SuppressWarnings("StatementWithEmptyBody")
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
Fragment newFragment = null;
int id = item.getItemId();
if (id == R.id.nav_camera) {
newFragment = FragmentA.newInstance(id, item.getTitle().toString());
} else if (id == R.id.nav_gallery) {
newFragment = FragmentB.newInstance(id, item.getTitle().toString());
} else if (id == R.id.nav_slideshow) {
newFragment = FragmentC.newInstance(id, item.getTitle().toString());
} else if (id == R.id.nav_manage) {
newFragment = FragmentD.newInstance(id, item.getTitle().toString());
} else if (id == R.id.nav_share) {
} else if (id == R.id.nav_send) {
}
if (newFragment != null) {
openFragment(newFragment);
}
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
drawer.closeDrawer(GravityCompat.START);
return true;
}
Carga de los fragmentos
La primera vez que se quiera cargar un fragmento utilizar add
así cuando no hay más fragmentos a la pila saldrá de la app.
private void addFragment(Fragment newFragment) {
FragmentManager fm = getSupportFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
ft.add(R.id.frame_container, newFragment);
ft.commit();
}
Para los otros fragmentos
private void replaceFragment(Fragment newFragment) {
FragmentManager fm = getSupportFragmentManager();
FragmentTransaction ft = fm.beginTransaction();
ft.replace(R.id.frame_container, newFragment);
ft.addToBackStack(newFragment.getClass().getName());
ft.commit();
}
Prevenir la carga del fragmento actual en la vista
Si identificas el FrameLayout
con un identificador, en este caso frame_container
con la siguiente función puedes prevenir la duplicación de cargar el fragmento:
private void openFragment(Fragment newFragment){
if (!containerFragment.getClass().getName().equalsIgnoreCase(newFragment.getClass().getName())) {
replaceFragment(newFragment);
}
}
Englobar todo en una función tanto la carga del primer fragmento y los otros con prevención de carga de fragmento duplicado:
private void openFragment(Fragment newFragment) {
Fragment containerFragment = getSupportFragmentManager().findFragmentById(R.id.frame_container);
if (containerFragment == null){
addFragment(newFragment);
} else{
if (!containerFragment.getClass().getName().equalsIgnoreCase(newFragment.getClass().getName())) {
replaceFragment(newFragment);
}
}
}
Si al iniciar la app quieres cargar un fragmento en concreto:
onNavigationItemSelected(navigationView.getMenu().findItem(R.id.nav_gallery));
Computar retroceso
Para controlar la acción de retroceso con Fragments
y teniendo en cuenta que hay un NavigationView
el onBackPressed
debe quedar así
@Override
public void onBackPressed() {
DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
if (drawer.isDrawerOpen(GravityCompat.START)) {
drawer.closeDrawer(GravityCompat.START);
} else {
if (getSupportFragmentManager().getBackStackEntryCount() > 1) {
getSupportFragmentManager().popBackStack();
} else {
super.onBackPressed();
}
}
}
getFragmentManager().popBackStack()
developer.android.com/reference/android/app/…