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.