feedback
Skip to content

Prise en main de Visual Studio

Si vous avez encore besoin d’installer Visual Studio, consultez notre article précédent.

Générer une application avec Visual Studio 2017

Nicole Bruck

Étape 1 : Créer

Nous allons apprendre à utiliser Visual Studio et Xamarin pour créer une application de base Android (IOS et Windows Phone sont aussi pris en charge), même si vous n’aviez encore jamais développé d’application mobile !

  • Sélectionnez Fichier → Nouveau → Projet…
  • Choisissez le nœud multiplateforme sur la gauche, sélectionnez le type de projet « Application multiplateforme (Xamarin.Forms ou Natif) » et nommez-le « HelloWorld »
  • Sur l’écran suivant, sélectionnez le modèle Application vide et la stratégie de partage de code Bibliothèque de classes portable (PCL) :

Étape 2 : Modifier

Nous allons ajouter une zone de texte et un bouton à notre application mobile. Ensuite, nous ajouterons une action à notre bouton pour afficher « Hello, World! » »

  • Cliquez avec le bouton droit sur le projet HelloWorldApp (Portable) et choisissez Nouvel élément
  • Choisissez le modèle Forms Xaml Page et nommez la nouvelle page « HelloWorldPage »
  • Sélectionnez HelloWorldPage.xaml dans votre Explorateur de solutions
  • Remplacez par le code suivant :


    • xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      x:Class="HelloWorld.HelloWorldPage">



                  iOS="20, 40, 20, 20"
                  Android="20, 20, 20, 20"
                  WinPhone="20, 20, 20, 20" />



                   HorizontalOptions="FillAndExpand"
                   Orientation="Vertical"
                   Spacing="15">





       
  • Dans votre Explorateur de solutions, développez le nœud HelloWorldPage.xaml
  • Sélectionnez HelloWorldPage.xaml.cs dans votre Explorateur de solutions
  • Remplacez par le code suivant
    • using System;
      using System.Collections.Generic;
      using System.Linq;
      using System.Text;
      using System.Threading.Tasks;

      using Xamarin.Forms;

      namespace HelloWorld
      {
      public partial class HelloWorldPage : ContentPage
      {
      public HelloWorldPage()
      {
      InitializeComponent();
      }

      private async void SayHelloButton_OnClicked(object sender, EventArgs e)
      {
      var name = NameEntry.Text;
      await DisplayAlert("Greeting", $"Hello {name}!", "Howdy");
      }
      }
      }
  • Ouvrez App.xaml.cs dans votre Explorateur de solutions
  • Remplacez « MainPage » par « HelloWorldPage » dans public App()

Étape 3 : Générer et exécuter

Nous allons maintenant générer le projet pour être certain que le code fonctionne.

  • Dans la barre d’outils de Visual Studio, choisissez le projet HelloWorld.Android et l’émulateur approprié

Si vous êtes prêt à essayer certaines de nos fonctionnalités de débogage, passez à notre article suivant : Déboguer et plus.