Ajouter un bouton d’action à un projet Mobile

Ajouter un bouton d’action à un projet Mobile

  1. Objectif

    • Etre capable d’ajouter un bouton d’action à une application Mobile
  2. Travail de mandé

    • Dans un article précédent, nous avons vu comment réaliser une application mobile simple qui affiche un message de bienvenu .
    • Dans cet article nous allons découvrir comment ajouter un bouton à notre application et afficher la date du jour
    • Le résultat de l’application ressemble à la figure suivante:
    • Ajouter un bouton d'action à un projet Mobile

  3. A connaitre

    • Pour afficher et modifier un fichier dans votre projet, double-cliquez sur le fichier dans l’ Explorateur de solutions .
      Ajouter un bouton d'action à un projet Mobile

    1. App.xaml et App.xaml.cs
      • App.xaml est l’endroit où vous déclarez les ressources utilisées dans l’application.
      • App.xaml.cs est le fichier code-behind pour App.xaml. Comme toutes les pages code-behind, il contient un constructeur qui appelle la InitializeComponent méthode.
      • Vous n’écrivez pas la InitializeComponent méthode. Il est généré par Visual Studio et son but principal est d’initialiser les éléments déclarés dans le fichier XAML.
      • App.xaml.cs est le point d’entrée pour votre application.
      • App.xaml.cs contient également des méthodes pour gérer l’activation et la suspension de l’application.
    2. MainPage.xaml
      • MainPage.xaml est l’endroit où vous définissez l’interface utilisateur de votre application.
      • Vous pouvez ajouter des éléments directement à l’aide du balisage XAML ou utiliser les outils de conception fournis par Visual Studio.
    3. MainPage.xaml.cs
      • MainPage.xaml.cs est la page de code-behind pour MainPage.xaml.
      • C’est ici que vous ajoutez votre logique d’application et vos gestionnaires d’événements.

      Source: https://docs.microsoft.com

  4. Réalisation

    • Ouvrez le projet Hello Word réalisé dans la séance précédente
      1. Dans l’Explorateur de solutions, dans le projet Hello World, double-cliquez sur MainPage.xaml pour l’ouvrir
      2. Ajouter un bouton d'action à un projet Mobile

      3. Dans l’Explorateur de solutions, dans le projet Hello World, double-cliquez sur MainPage.xaml.cs pour l’ouvrir
      4. Ajouter un bouton d'action à un projet Mobile


    Tutoriels recommandés

    1. Hello World avec Xamarin
  5. Découvrez comment procéder

Abonnez vous à notre chaîne YouTube gratuitement