Android Fragments

Els Fragment ens permetran disposar de diverses Activity alhora en la mateixa pantalla, a mode de pestanyes. Podrem navegar amb una NavigationBar que acostuma a tenir disposicions diferents segons la grandària i orientació de la pantalla, o del tipus de dispositiu.

Referències:

• Android a la pròpia wiki bytes.cat
• …

App amb fragments

App amb fragments:

1. Crear app amb el template Bottom Navigation Activity.
2. Afegir un nou Fragment buit. Tria bé el nom (posarem d'exemple NewFragment)

   Botó dret -> New -> Fragment -> Fragment (Blank)

3. Afegir el nou Fragment a la navegació (via XML):

   res -> navigation -> mobile_navigation.xml

4. Afegir el nou Fragment al menú de la NavigationBar:

   res -> menu -> bottom_nav_menu.xml

5. Anar a MainActivity.java i afegir R.id.navigation_XXX al onCreate:

   AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(
                   R.id.navigation_home, R.id.navigation_dashboard,
                   R.id.navigation_notifications, R.id.navigation_XXX)
                   .build();

6. Posar una icona adequada pel nou fragment.
7. La plantilla sol tenir un padding-top dins el layout del ActivityMain i sol deixar buida la part de dalt. Podeu mirar aquest post per eliminar-la (simplement eliminant el padding o posar-lo a 0).

ViewModel

Un ViewModel ens permetrà connectar la View amb el ViewModel mitjançant la sentència observe, que prové d'un patró de disseny Observer. Aquest és el codi que ve per defecte a la plantilla:

homeViewModel.getText().observe(getViewLifecycleOwner(), textView::setText);

homeButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        // Modifiquem objecte sense ViewModel directament
        TextView directTextView = root.findViewById(R.id.directTextView);
        directTextView.setText("[NOT ViewModel] canvi de text");
 
        // Modifiquem contingut ViewModel (es reflaxarà a la View)
        homeViewModel.setText("[WITH ViewModel] canvi de text");
    }
});