Xamarin - Primera aplicación

En este capítulo, veremos cómo crear una pequeña aplicación de Android usando Xamarin.

¡Hola Xamarin! Solicitud

En primer lugar, inicie una nueva instancia de Visual Studio y vaya a File → New → Project.

En el cuadro de diálogo Menú que aparece, vaya a Templates → Visual C# → Android → Blank App (Android).

Dé un nombre apropiado para su aplicación. En nuestro caso, lo nombramos“helloWorld”y guárdelo en la ubicación predeterminada proporcionada. A continuación, haga clic en el botón Aceptar para el nuevo“helloXamarin” proyecto para cargar.

Sobre el solution, abierto Resources → layout → Main.axmlarchivo. Cambie de la vista Diseño y vaya a laSource y escriba las siguientes líneas de código para crear su aplicación.

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

En el código anterior, hemos creado un nuevo Android. textview. A continuación, abra los valores de la carpeta y haga doble clicStrings.xmlPara abrirlo. Aquí, vamos a almacenar información y valores sobre elbutton creado arriba.

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

Abierto MainActivity.cs y reemplace el código existente con las siguientes líneas de código.

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

Guarde la aplicación. Compile y luego ejecútelo para mostrar la aplicación creada en un emulador de Android.

Si no tiene un emulador de Android, siga los pasos que se indican en la siguiente sección para crear uno.

Configurar un emulador de Android

En su menú de Visual Studio, vaya a Tools → Android → Android Emulator Manager. En la ventana emergente que aparece, haga clic en elCreatebotón. Mostrará la siguiente pantalla.

En la pantalla anterior, proporcione el AVD nameusted quiere. Seleccione undeviceque sea apropiado para su pantalla, por ejemplo, la pantalla Nexus de 4 ”. Selecciona tutarget platform. Siempre es recomendable probar en una plataforma de destino mínima, por ejemplo, API 10 Android 2.3 (Gingerbread) para asegurarse de que su aplicación funcione en todas las plataformas Android.

Complete el resto de los campos y haga clic en el botón Aceptar. Tu emulador ya está listo. Puede seleccionarlo de la lista de dispositivos virtuales Android existentes y luego hacer clic enStart para lanzarlo.

Modificación de la aplicación HelloXamarin

En esta sección, modificaremos nuestro proyecto y crearemos un botón que mostrará texto al hacer clic. Abiertomain.axml y cambia a source view. Tras nuestrotextview que creamos, agregaremos un botón como se muestra a continuación.

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

Después de agregar un botón, nuestro código completo se verá así:

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

A continuación, registramos nuestros valores de botón en el strings.xml archivo.

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

Después de agregar nuestro botón en el strings.xml archivo, abriremos MainActivity.cs file para agregar una acción para nuestro botón cuando se hace clic en él, como se muestra en el siguiente código.

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

A continuación, cree y ejecute su aplicación.

Después de hacer clic en el botón, obtendrá el siguiente resultado:

↰ Previous page Next page ↱