Xamarin - Première application

Dans ce chapitre, nous verrons comment créer une petite application Android à l'aide de Xamarin.

Bonjour Xamarin! Application

Tout d'abord, démarrez une nouvelle instance de Visual Studio et accédez à File → New → Project.

Dans la boîte de dialogue Menu qui apparaît, accédez à Templates → Visual C# → Android → Blank App (Android).

Donnez un nom approprié à votre application. Dans notre cas, nous l'appelons“helloWorld”et enregistrez-le dans l'emplacement par défaut fourni. Ensuite, cliquez sur le bouton OK pour le nouveau“helloXamarin” projet à charger.

Sur le solution, ouvert Resources → layout → Main.axmlfichier. Passez du mode Création et accédez auSource et tapez les lignes de code suivantes pour créer votre application.

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:background = "#d3d3d3" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <TextView 
      android:text = "@string/HelloXamarin" 
      android:textAppearance = "?android:attr/textAppearanceLarge" 
      android:layout_width = "match_parent" 
      android:layout_height = "wrap_content" 
      android:id = "@+id/textView2" 
      android:textColor = "@android:color/black" /> 
</LinearLayout>

Dans le code ci-dessus, nous avons créé un nouvel Android textview. Ensuite, ouvrez les valeurs du dossier et double-cliquez surStrings.xmlpour l'ouvrir. Ici, nous allons stocker des informations et des valeurs sur lebutton créé ci-dessus.

<?xml version = "1.0" encoding = "utf-8"?> 
<resources> 
   <string name = "HelloXamarin">Hello World, I am Xamarin!</string> 
   <string name = "ApplicationName">helloWorld</string> 
</resources>

Ouvert MainActivity.cs et remplacez le code existant par les lignes de code suivantes.

using System; 
using Android.App; 
using Android.Content; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS;  

namespace HelloXamarin { 
   public class MainActivity : Activity { 
      protected override void OnCreate(Bundle bundle) { 
         base.OnCreate(bundle); 
         SetContentView(Resource.Layout.Main); 
      } 
   } 
}

Enregistrez l'application. Générez, puis exécutez-le pour afficher l'application créée dans un émulateur Android.

Si vous ne disposez pas d'un émulateur Android, suivez les étapes indiquées dans la section suivante pour en créer un.

Configurer un émulateur Android

Dans votre menu Visual Studio, accédez à Tools → Android → Android Emulator Manager. Dans la fenêtre contextuelle qui apparaît, cliquez sur le boutonCreatebouton. Il affichera l'écran suivant.

Sur l'écran ci-dessus, fournissez le AVD nametu veux. Sélectionner undevicequi convient à votre écran, par exemple un écran Nexus 4 ”. Sélectionnez votretarget platform. Il est toujours conseillé de tester sur une plate-forme cible minimale, par exemple, l'API 10 Android 2.3 (Gingerbread) afin de garantir que votre application fonctionne sur toutes les plates-formes Android.

Remplissez les autres champs et cliquez sur le bouton OK. Votre émulateur est maintenant prêt. Vous pouvez le sélectionner dans la liste des appareils virtuels Android existants, puis cliquer surStart pour le lancer.

Modification de l'application HelloXamarin

Dans cette section, nous modifierons notre projet et créerons un bouton qui affichera du texte au clic. Ouvertmain.axml et passer à source view. Après notretextview que nous avons créé, nous ajouterons un bouton comme indiqué ci-dessous.

<Button 
   android:id = "@+id/MyButton" 
   android:layout_width = "fill_parent" 
   android:layout_height = "wrap_content" 
   android:text = "@string/ButtonClick" />

Après avoir ajouté un bouton, notre code complet ressemblera à ceci -

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <TextView 
      android:text = "@string/HelloXamarin" 
      android:textAppearance = "?android:attr/textAppearanceLarge" 
      android:layout_width = "match_parent" 
      android:layout_height = "wrap_content" 
      android:id = "@+id/textView2" /> 
    
   <Button 
      android:id = "@+id/MyButton" 
      android:layout_width = "fill_parent" 
      android:layout_height = "wrap_content" 
      android:text = "@string/ButtonClick" /> 
</LinearLayout>

Ensuite, nous enregistrons nos valeurs de bouton dans le strings.xml fichier.

<string name = "ButtonClick">Click Me!</string>

Après avoir ajouté notre bouton dans le strings.xml fichier, nous allons ouvrir MainActivity.cs fichier pour ajouter une action à notre bouton lorsque l'utilisateur clique dessus, comme indiqué dans le code suivant.

using System; 
using Android.App; 
using Android.Content; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS;  

namespace HelloXamarin {     
   [Activity(Label = "HelloXamarin", MainLauncher = true, Icon = "@drawable/icon")] 
   public class MainActivity : Activity { 
      protected override void OnCreate(Bundle bundle) { 
         base.OnCreate(bundle); 
         SetContentView(Resource.Layout.Main); 
         Button button = FindViewById<Button>(Resource.Id.MyButton); 
         button.Click += delegate { button.Text = "Hello world I am your first App"; }; 
      } 
   } 
}

Ensuite, créez et exécutez votre application.

Après avoir cliqué sur le bouton, vous obtiendrez la sortie suivante -