Table des matières
Tutoriel exhaustif sur la barre d’action Android : Guide étape par étape
Introduction
La barre d’action est un composant essentiel des applications Android qui fournit une interface utilisateur cohérente pour la navigation, les actions et les informations d’état. Elle offre un accès rapide aux options courantes et affiche des informations contextuelles, améliorant ainsi l’expérience utilisateur et la convivialité. Ce tutoriel complet vous guidera pas à pas dans le processus de création et de personnalisation d’une barre d’action Android.
Création d’une barre d’action
Dépendance à la bibliothèque de compatibilité
Pour ajouter la barre d’action, vous devez d’abord ajouter la dépendance à la bibliothèque de compatibilité AppCompat dans votre fichier build.gradle :
gradle
dependencies {
implementation 'androidx.appcompat:appcompat:1.4.2'
}
Définir un thème de style
Créez un fichier styles.xml dans le dossier res/values/ et définissez un style de thème qui inclut Theme.AppCompat.Light.DarkActionBar comme thème parent :
xml
<resources>
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Styles personnalisés ici -->
</style>
</resources>
Activer la barre d’action
Dans votre activité (classe Java), appelez la méthode setSupportActionBar() et transmettez la barre d’outils en tant que paramètre :
java
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
}
}
Personnalisation de la barre d’action
Titre de la barre
Vous pouvez définir le titre de la barre d’action à l’aide de la méthode setTitle():
java
getSupportActionBar().setTitle("Titre de la barre d'action");
Sous-titre de la barre
Pour ajouter un sous-titre sous le titre, utilisez la méthode setSubtitle():
java
getSupportActionBar().setSubtitle("Sous-titre de la barre d'action");
Icône de la barre
Définissez une icône pour la barre d’action à l’aide de la méthode setLogo():
java
getSupportActionBar().setLogo(R.drawable.ic_logo);
Personnalisation de l’affichage
Vous pouvez personnaliser l’apparence de la barre d’action en définissant des fonds d’écran, des couleurs et des séparateurs :
* Fond d’écran: setBackgroundColor()
* Couleur de l’icône: setHomeAsUpIndicator()
* Couleur du texte: setTitleTextColor()
* Séparateur: setDivider()
Boutons de la barre d’action
Bouton retour
La barre d’action affiche par défaut un bouton de retour qui permet de revenir à l’activité précédente. Vous pouvez personnaliser le bouton retour en définissant son icône :
java
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
Boutons de navigation
Ajoutez des boutons de navigation personnalisés à la barre d’action à l’aide de la méthode setDisplayOptions():
java
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
Menu de la barre d’action
Créez un menu de barre d’action pour fournir des options supplémentaires à l’utilisateur. Définissez le fichier de menu dans le dossier res/menu/ et gonflez-le dans votre activité :
java
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main_menu, menu);
return super.onCreateOptionsMenu(menu);
}
Recherche et mode d’édition
Recherche
Vous pouvez ajouter une barre de recherche à la barre d’action en appelant SearchView:
xml
<androidx.appcompat.widget.SearchView
android:id="@+id/searchView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
Mode d’édition
Permettez aux utilisateurs de sélectionner et de modifier des éléments de la barre d’action en activant le mode d’édition :
java
getSupportActionBar().setActionModeCallback(new ActionMode.Callback());
Conclusion
La barre d’action est un élément essentiel de l’interface utilisateur d’Android qui améliore considérablement l’expérience utilisateur. En suivant les étapes décrites dans ce tutoriel, vous pouvez créer et personnaliser vos propres barres d’action pour fournir une navigation claire, un accès rapide aux actions et des informations d’état précieuses. N’hésitez pas à expérimenter différentes options de personnalisation pour créer une barre d’action qui correspond parfaitement à votre application.
FAQ
1. Quel est l’avantage d’utiliser une barre d’action ?
* Cohérence de l’interface utilisateur
* Navigation simplifiée
* Accès rapide aux actions
* Informations d’état visibles
2. Comment ajouter un élément de menu à la barre d’action ?
* Créez un fichier de menu dans le dossier res/menu/
* Gonflez-le et ajoutez-le à la barre d’action dans le code Java
3. Est-il possible d’obtenir une référence au bouton retour ?
* Utilisez la méthode getSupportActionBar().getHomeButton()
4. Comment masquer le bouton de retour ?
* Appelez getSupportActionBar().setDisplayHomeAsUpEnabled(false)
5. Comment ajouter un logo SVG à la barre d’action ?
* Vectorisez le logo SVG et ajoutez-le en tant que ressource dans res/drawable/
6. La barre d’action peut-elle être masquée et affichée dynamiquement ?
* Utilisez la méthode getSupportActionBar().show() et getSupportActionBar().hide()
7. Comment ajouter un badge de notification à un élément de menu ?
* Utilisez la méthode setBadgeDrawable() pour définir un badge NumberDrawable
8. Comment rendre la barre d’action transparente ?
* Définissez le fond d’écran de la barre d’action sur un dessinable vide : setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT))