CIE 335 - 3

CIE 335 - 3.md

Java

Doc

Toolbar - 2

1. Modifier le thème du projet : res/values/styles.xml

• < style name=“AppTheme” parent=“Theme.AppCompat.Light.DarkActionBar”>
• < style name=“AppTheme” parent=“Theme.AppCompat.Light.NoActionBar”>

2. Ajout d’un layout pour représenter la Toolbar

   android:layout_height=“wrap_content”

   android:minHeight="?attr/actionBarSize" /> --> Dépend du device

Attention : Définir un id

Ajouter un thème --> styles.xml
android:theme="@style/ToolbarTheme"

< item name=“android:textColorPrimary”>@android:color/white

3. <include
   layout="@layout/toolbar"
   android:layout_width=“match_parent”
   android:layout_height=“wrap_content”
   / >

4. Activation de la Toolbar par code

   configureToolbar()

   Attention à l’import de Toolbar

5. Mise en place de la navigation

   AndroidManifest.xml --> Mettre en place la hiérarchie

6. Activer la navigation par code

   Modifier la méthode configureToolbar() de l’enfant

Exécution de l’app :

1. Démarrage de DetailActivity
2. Appui sur Back Button --> MainActivity.onStart()
   –> MainActivity.onResume()
3. Appui sur Nav --> MainActivity.onCreate()
   –> MainActivity.onStart()
   –> MainActivity.onResume()

4. On peut empêcher de détruire MainActivity avec NAV

   AndroidManifest ajouter android:launchMode:“singleTop”

ATTENTION : Pour le retour d’informations depuis EnfantActivity : Il y a une différence entre NAV et Back Button

Mise en place du menu dans la toolbar

1. Création d’un dossier de ressources “menu”
2. Création d’un fichier activity_main_menu.xml
3. Ajout d’un <item par élément de menu

4. Création d’un pack d’icône depuis AS

   Clic-droit /res --> New --> Image Asset

5. Créer le menu par code

6. Définir les actions du menu par code

   onOptionsItemSelected()

Suite

Pattern Liste --> Détail
RecyclerView

1. Ajouter au projet la librarie pour RecyclerView

   Gradle --> build.gradle(Module: app)

   dependencies

   implementation ‘androidx.recyclerview:recyclerview:1.1.0’

   Sync Now

2. MainActivity contiendra la liste --> Modifier le layout

3. Copier les ressources graphiques, préparer un tableau

   Ajouter un fichier de ressources arrays.xml dans le /res/values

   Compléter le fichier arrays.xml

4. Représenter le layout pour un comic book

   Créer un nouveau layout : activity_main_item.xml

• <ImageView : id !!!

• <TextView : id !!!

5. La mise en place du code

   1. La classe responsable du remplissage de layout_item

      xxxViewHolder

      Le constructeur de cette classe est appelé par l’Adapter

      On reçoit la View que l’on doit mettre à jour

   2. La classe ViewHolder doit étendre RecyclerView.ViewHolder

   3. Pour remplir le layout le système appelera la méthode updateWithxxx

      Pour mettre à jour ImageView --> setImageResource()

   4. Mettre eb okace le model : ComicBook

   5. Mise en place de xxxAdpater

      1. Méthode onCreateViewHolder()

         1. Récupérer le contexte

            parents.getContext();

         2. Récupérer le LayoutInflater

         3. Créer la View depuis inflater

         4. return new xxxViewHolder(view)

      2. Méthode onBindViewHolder

         1. Demander la mise à jour à ViewHolder

   6. Mise à jour de l’Activity

      1. configureRecyclerView()
      2. getData()

---

Written by Khodok

Khoding

Written with StackEdit.