.net Maui Hide Title Bar

4 min read Jun 04, 2024
.net Maui Hide Title Bar

Masquer la barre de titre dans une application .NET MAUI

Introduction

.NET MAUI (Multi-plateforme App UI) offre une approche unifiée pour le développement d'applications mobiles multiplateformes. Cependant, la barre de titre par défaut peut parfois être indésirable ou ne correspond pas au design de votre application. Cet article explique comment masquer la barre de titre dans une application .NET MAUI.

Utilisation de la propriété "TitleBarVisibility"

La façon la plus simple de masquer la barre de titre est d'utiliser la propriété TitleBarVisibility de la classe MauiApp dans votre fichier App.xaml.cs. Cette propriété accepte deux valeurs :

  • Visible : Affiche la barre de titre (valeur par défaut).
  • Collapsed : Masque la barre de titre.
public partial class App : Application
{
    public App()
    {
        InitializeComponent();

        // Masque la barre de titre
        MainPage = new NavigationPage(new MainPage()) { TitleBarVisibility = TitleBarVisibility.Collapsed }; 
    }
}

Masquer la barre de titre pour une page spécifique

Si vous souhaitez masquer la barre de titre uniquement pour une page spécifique, vous pouvez utiliser la propriété TitleBarVisibility de la classe ContentPage de cette page.

public partial class MyPage : ContentPage
{
    public MyPage()
    {
        InitializeComponent();

        // Masque la barre de titre pour cette page
        TitleBarVisibility = TitleBarVisibility.Collapsed;
    }
}

Masquer la barre de titre pour une plateforme spécifique

Vous pouvez également masquer la barre de titre pour une plateforme spécifique en utilisant les API de plateforme. Par exemple, pour masquer la barre de titre sur Android, vous pouvez utiliser la propriété Window.SetFlags dans le code OnCreate de votre activité.

public class MainActivity : MauiAppCompatActivity
{
    protected override void OnCreate(Bundle savedInstanceState)
    {
        base.OnCreate(savedInstanceState);
        Platform.SetMainView(new App());

        // Masque la barre de titre sur Android
        Window.SetFlags(WindowManagerFlags.Fullscreen, WindowManagerFlags.Fullscreen);
    }
}

Conclusion

Masquer la barre de titre dans une application .NET MAUI est un processus simple qui peut être réalisé en utilisant la propriété TitleBarVisibility. Vous pouvez masquer la barre de titre pour l'application entière, pour une page spécifique ou pour une plateforme spécifique. La méthode que vous utilisez dépendra de vos besoins et de la conception de votre application.

N'oubliez pas que masquer la barre de titre peut affecter l'expérience utilisateur, car elle fournit des informations importantes telles que le nom de l'application et les options de navigation. Assurez-vous de tester votre application avec et sans la barre de titre pour garantir que l'expérience utilisateur est optimale.

Related Post


Featured Posts