.net Maui Tabbar Background Color

INFLUENCESMAG.ORG

5 min read

·

Jun 04, 2024

33

Share

Personnaliser la couleur d'arrière-plan de la barre de tabulation dans .NET MAUI

La barre de tabulation dans une application .NET MAUI est un élément crucial de l'interface utilisateur, permettant aux utilisateurs de naviguer entre différentes vues ou sections de votre application. Par défaut, la barre de tabulation possède une couleur d'arrière-plan blanche. Cependant, vous pouvez la personnaliser pour qu'elle corresponde à l'esthétique de votre application.

Changer la couleur de la barre de tabulation dans XAML

La méthode la plus simple pour modifier la couleur de la barre de tabulation est d'utiliser XAML. Voici comment procéder:

1. Définir la propriété BackgroundColor de la barre de tabulation: Dans votre fichier XAML, localisez le contrôle Shell qui contient votre barre de tabulation. Modifiez la propriété BackgroundColor de la barre de tabulation.

   Ce code définit la couleur de la barre de tabulation en bleu clair. Vous pouvez utiliser n'importe quelle valeur de couleur valide en XAML.

2. Utiliser des styles pour une personnalisation plus avancée: Si vous souhaitez appliquer la même couleur à plusieurs barres de tabulation dans votre application, il est recommandé d'utiliser des styles. Créez un style de ressource dans votre fichier App.xaml:

   Ce style appliquera automatiquement la couleur spécifiée à toutes les barres de tabulation de votre application. Vous pouvez également ajouter d'autres paramètres de style pour personnaliser davantage la barre de tabulation.

Modifier la couleur de la barre de tabulation en C#

Vous pouvez également modifier la couleur de la barre de tabulation en utilisant du code C#. Cette méthode est utile si vous souhaitez modifier la couleur de manière dynamique, par exemple en fonction de l'état de l'application.

1. Obtenez une référence à la barre de tabulation: Dans votre code C#, obtenez une référence à l'instance de la barre de tabulation. Vous pouvez utiliser la méthode GetCurrentPage() du Shell pour obtenir la page actuelle, puis accéder à la propriété Shell.TabBar.

   Shell shell = Application.Current.MainPage as Shell;
   Shell.TabBar tabBar = shell.GetCurrentPage().Shell.TabBar;
   

2. Définissez la propriété BackgroundColor: Une fois que vous avez une référence à la barre de tabulation, vous pouvez modifier la propriété BackgroundColor.

   tabBar.Background = new SolidColorBrush(Color.FromHex("#2196F3"));
   

   Ceci changera la couleur de la barre de tabulation en bleu clair.

Conclusion

La modification de la couleur de la barre de tabulation dans .NET MAUI est un processus simple qui vous permet de personnaliser l'apparence de votre application. Vous pouvez utiliser XAML ou du code C# pour réaliser cette modification, en fonction de vos besoins. N'oubliez pas de choisir une couleur qui correspond à l'esthétique globale de votre application.