Comment naviguer entre les pages d'un projet Xamarin

Xamarin est une plate-forme logicielle utilisée pour le développement mobile multiplateforme. Vous pouvez l'utiliser pour créer des applications sur iOS, Android, Windows, etc. Vous pouvez créer un nouveau projet Xamarin à l'aide de Visual Studio et remplir votre application en ajoutant du contenu, des widgets et d'autres fonctionnalités.

Lorsque vous créez une nouvelle application mobile, votre application peut nécessiter plusieurs pages. Si tel est le cas, l'application aura également besoin de la fonctionnalité requise pour que les utilisateurs puissent naviguer entre ces pages.

Comment configurer un projet Xamarin

Pour commencer, créer un nouveau projet Xamarin. Lorsque vous créez une nouvelle application, il y aura une page principale par défaut appelée Page d'accueil.xaml stocké dans le dossier principal du projet Xamarin. La Page d'accueil.xaml La page sert d'écran de démarrage lorsque vous lancez l'application pour la première fois.

La page contient également un MainPage.xaml.cs fichier, où vous pouvez écrire votre logique de programmation en utilisant C#. D'autres plates-formes peuvent utiliser d'autres

langages de jeu de développement mobile qui peuvent vous être utiles pour apprendre.

1. Aller vers Page d'accueil.xaml et ouvrez-le.
2. Dans le MainPage.xaml fichier, modifiez le code par défaut. Remplacer le contenu du StackLayout Élément d'interface utilisateur avec un nouveau libellé :

   <Remplissage StackLayout = "50">
   <Texte de l'étiquette = "Ma nouvelle application mobile"
    OptionsHorizontales = "Centre"
    OptionsVerticales = "CentrerEtDévelopper"
    FontAttributes = "Gras italique"
    Taille de police = "24"
    CouleurTexte = "Le noir" />
   </StackLayout>
   

3. En haut de la fenêtre Visual Studio, cliquez sur le bouton de lecture vert pour exécuter l'application dans l'émulateur.
4. Attendez que le projet soit compilé avant le lancement de l'émulateur.

Comment ajouter une deuxième page au projet Xamarin

Actuellement, votre projet Xamarin n'a qu'une seule page. Pour créer une nouvelle page, ajoutez un nouveau xaml fichier et remplissez-le avec du contenu.

1. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le projet. Sélectionner Ajouter, et cliquez sur Nouvel article.
2. Sélectionner Contenu de la page du Xamarin. Formes Catégorie. Nommez le nouveau fichier SecondPage.xaml, et cliquez sur Ajouter.
3. Vous verrez la nouvelle page apparaître dans l'explorateur de solutions et sera composée à la fois d'un xaml dossier et un xaml.cs dossier. La xaml le fichier sera composé d'éléments d'interface utilisateur et de widgets, et le xaml.cs Le fichier comprendra d'autres logiques et fonctionnalités de code.
4. Ouvrez le SecondPage.xaml fichier, qui contiendra déjà du code par défaut. Au sein de la StackLayout élément d'interface utilisateur, remplacez l'étiquette actuelle par une étiquette indiquant "Deuxième page".

   <StackLayout>
   <Texte de l'étiquette="Deuxième page"
    Taille de police="42"
    OptionsVerticales="CentrerEtDévelopper"
    OptionsHorizontales="CentrerEtDévelopper" />
   </StackLayout>

Comment accéder à la deuxième page à partir de la page principale

Pour accéder à la deuxième page, ajoutez un bouton qui déclenchera l'application pour y accéder.

1. Ouvert MainPage.xaml.
2. Ajoutez un élément d'interface utilisateur de bouton. Ajoutez le nouveau bouton sous l'étiquette.

   <Texte du bouton = "Accédez à la deuxième page"
    x: Nom = "Bouton1"
    Couleur de fond = "#2196F3"
    CouleurTexte = "Fumée blanche"
    Demande de hauteur = "50" />

3. Ouvert MainPage.xaml.cs, et créez une fonction appelée Aller vers(). À l'intérieur de la fonction, utilisez le La navigation. PushAsync fonction pour naviguer vers la nouvelle page. Vous devrez ajouter le nouvel objet de page en tant qu'argument.

   asynchroneannuler NavigateTo (expéditeur d'objet, EventArgs e)
   {
    La navigation. PushAsync(Nouveau DeuxièmePage());
   }

4. Revenir à MainPage.xaml. Ajouter le nouveau Aller vers() fonction dans le cliqué attribut. Cela déclenchera l'exécution de la fonction lorsque l'utilisateur appuie sur le bouton.

   <Texte du bouton = "Accédez à la deuxième page"
    x: Nom = "Bouton1"
    cliqué = "Aller vers"
    Couleur de fond = "#2196F3"
    CouleurTexte = "Fumée blanche"
    Demande de hauteur = "50" />

5. En haut de la fenêtre Visual Studio, cliquez sur le bouton de lecture vert pour lancer l'application à l'aide de l'émulateur.
6. Cliquez sur le bouton sur la page principale. Vous verrez l'application accéder à la deuxième page.

Création d'applications mobiles à l'aide de Xamarin

Xamarin est un outil open source que vous pouvez utiliser pour développer des applications mobiles sur iOS, Android, Windows, etc. Vous pouvez créer un nouveau projet Xamarin à l'aide de Visual Studio, remplir l'application et ajouter plusieurs pages.

Pour ajouter plusieurs pages, créez de nouvelles pages de contenu et remplissez-les avec du contenu. Vous pouvez également utiliser des événements de clic ou d'autres événements pour déclencher l'application pour naviguer vers la nouvelle page.

Il y a beaucoup de choses qui entrent dans la création d'une application mobile, il est donc important que vous compreniez les principes fondamentaux lors du démarrage. Découvrez quelques-uns des excellents cours disponibles pour vous permettre d'apprendre.