Xamarin: prima applicazione

In questo capitolo vedremo come creare una piccola applicazione Android utilizzando Xamarin.

Ciao Xamarin! Applicazione

Prima di tutto, avvia una nuova istanza di Visual Studio e vai a File → New → Project.

Nella finestra di dialogo Menu che appare, vai a Templates → Visual C# → Android → Blank App (Android).

Assegna un nome appropriato alla tua applicazione. Nel nostro caso, lo chiamiamo“helloWorld”e salvalo nella posizione predefinita fornita. Quindi, fai clic sul pulsante OK per il nuovo“helloXamarin” progetto da caricare.

Sul solution, Aperto Resources → layout → Main.axmlfile. Passa dalla visualizzazione Progettazione e vai alSource e digita le seguenti righe di codice per creare la tua app.

<?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>

Nel codice sopra, abbiamo creato un nuovo Android textview. Quindi, apri i valori della cartella e fai doppio clicStrings.xmlper aprirlo. Qui memorizzeremo informazioni e valori relativi abutton creato sopra.

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

Aperto MainActivity.cs file e sostituire il codice esistente con le seguenti righe di codice.

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); 
      } 
   } 
}

Salva l'applicazione. Compilalo e quindi eseguilo per visualizzare l'app creata in un emulatore Android.

Se non disponi di un emulatore Android, segui i passaggi indicati nella sezione successiva per crearne uno.

Configurazione di un emulatore Android

Nel menu di Visual Studio, vai a Tools → Android → Android Emulator Manager. Nella finestra a comparsa visualizzata, fare clic suCreatepulsante. Verrà visualizzata la seguente schermata.

Nella schermata sopra, fornire il file AVD nametu vuoi. Seleziona undeviceappropriato per il tuo display, ad esempio il display del Nexus da 4 pollici. Seleziona il tuotarget platform. È sempre consigliabile testare su una piattaforma di destinazione minima, ad esempio API 10 Android 2.3 (Gingerbread) in modo da garantire che la tua App funzioni su tutte le piattaforme Android.

Compila il resto dei campi e fai clic sul pulsante OK. Il tuo emulatore è ora pronto. Puoi selezionarlo dall'elenco dei dispositivi virtuali Android esistenti e quindi fare clic suStart per avviarlo.

Modifica dell'app HelloXamarin

In questa sezione, modificheremo il nostro progetto e creeremo un pulsante che mostrerà il testo al clic. Apertomain.axml e passa a source view. Dopo il nostrotextview che abbiamo creato, aggiungeremo un pulsante come mostrato di seguito.

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

Dopo aver aggiunto un pulsante, il nostro codice completo sarà simile a questo:

<?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>

Successivamente, registriamo i valori dei nostri pulsanti nel file strings.xml file.

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

Dopo aver aggiunto il nostro pulsante nel file strings.xml file, apriremo MainActivity.cs file per aggiungere un'azione per il nostro pulsante quando viene cliccato, come mostrato nel codice seguente.

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"; }; 
      } 
   } 
}

Quindi, crea ed esegui la tua applicazione.

Dopo aver fatto clic sul pulsante, otterrai il seguente output: