.net Maui Navigationpage Example

INFLUENCESMAG.ORG

3 min read

·

Jun 04, 2024

32

Share

NavigationPage: Un exemple simple pour votre application .NET MAUI

Introduction

.NET MAUI (Multi-platform App UI) vous offre la possibilité de créer des applications natives pour plusieurs plateformes avec un seul code source. Pour faciliter la navigation entre les différentes pages de votre application, .NET MAUI propose le composant NavigationPage, qui permet une navigation simple et intuitive.

Exemple simple de NavigationPage

Voici un exemple simple de la manière d'utiliser NavigationPage pour naviguer entre deux pages :

Page1.xaml

Page1.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Microsoft.Maui;
using Microsoft.Maui.Controls;
using Microsoft.Maui.Graphics;

namespace App1
{
    public partial class Page1 : ContentPage
    {
        public Page1()
        {
            InitializeComponent();
        }

        private async void OnNavigateToPage2(object sender, EventArgs e)
        {
            await Navigation.PushAsync(new Page2());
        }
    }
}

Page2.xaml

Page2.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Microsoft.Maui;
using Microsoft.Maui.Controls;
using Microsoft.Maui.Graphics;

namespace App1
{
    public partial class Page2 : ContentPage
    {
        public Page2()
        {
            InitializeComponent();
        }
    }
}

Dans cet exemple, la page Page1 contient un bouton qui, lorsqu'il est cliqué, appelle la méthode OnNavigateToPage2. Cette méthode utilise la propriété Navigation pour pousser la page Page2 sur la pile de navigation. La page Page2 est alors affichée, et l'utilisateur peut revenir à la page Page1 en utilisant le bouton "Retour" de la barre de navigation.

Conclusion

NavigationPage est un composant essentiel pour la création d'applications .NET MAUI. Il vous permet de gérer facilement la navigation entre les différentes pages de votre application. L'exemple simple présenté ci-dessus vous donne une idée de son utilisation, et vous pouvez l'adapter à vos propres besoins pour créer une expérience utilisateur intuitive et efficace.