Compilación de la primera aplicación de Xamarin.Forms

Instrucciones paso a paso para Windows

Descarga del ejemplo

Siga estos pasos, junto con el vídeo anterior:

1. Elija Archivo nuevo > Project... o presione > proyecto...:

   

2. Busque "Xamarin" o elija Dispositivos móviles en el menú Tipo de proyecto. Seleccione el tipo de proyecto Aplicación móvil () :

   

3. Elija un nombre de proyecto: en el ejemplo se usa "AwesomeApp":

   

4. Haga clic en el tipo de proyecto En blanco y asegúrese de que Android e iOS estén seleccionados:

   

5. Espere hasta que se restauren los paquetes de NuGet (aparecerá un mensaje de "Restauración completada" en la barra de estado).

6. Las nuevas instalaciones de Visual Studio 2019 no tendrán un emulador de Android configurado. Haga clic en la flecha desplegable del botón Depurar y elija Crear Android Emulator para iniciar la pantalla de creación del emulador:

   

7. En la pantalla de creación del emulador, use la configuración predeterminada y haga clic en el botón Crear:

   

8. Al crear un emulador, se le devolverá a la ventana Administrador de dispositivos. Haga clic en el botón Iniciar para iniciar el nuevo emulador:

   

9. Ahora en Visual Studio 2019 se debería mostrar el nombre del nuevo emulador en el botón Depurar:

   

10. Haga clic en el botón Depurar para compilar e implementar la aplicación en el emulador de Android:

    

Personalización de la aplicación

La aplicación se puede personalizar para agregar funcionalidad interactiva. Realice los pasos siguientes para agregar la interacción del usuario a la aplicación:

1. Edite MainPage.xamly agregue este XAML antes del final de :

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

2. Edite MainPage.xaml, agregando este código al final de la clase:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

3. Depurar la aplicación en Android:

   

Compilación de una aplicación iOS en Visual Studio 2019

Es posible crear y depurar la aplicación iOS desde Visual Studio con un equipo Mac en red. Consulte las instrucciones de configuración para obtener más información.

En este vídeo se describe el proceso de compilación y prueba de una aplicación iOS con Visual Studio 2019 en Windows:

Instrucciones paso a paso para Windows

Descarga del ejemplo

Siga estos pasos, junto con el vídeo anterior:

1. Elija Archivo nuevo > Project... o presione el botón Crear nuevo > y, a continuación, seleccione Aplicación móvil multiplataforma de Visual C# ( >Xamarin.Forms ):

   Xamarin.Forms )" data-linktype="relative-path"/>

2. Asegúrese de que Android y iOS están seleccionados, con uso compartido del código .NET Standard:

   

3. Espere hasta que se restauren los paquetes de NuGet (aparecerá un mensaje de "Restauración completada" en la barra de estado).

4. Inicie Android Emulator presionando el botón depurar (o el elemento de menú Iniciar depuración de depuración).

5. Edite MainPage.xamly agregue este XAML antes del final de :

   <Button Text="Click Me" Clicked="Button_Clicked" />
   

6. Edite MainPage.xaml, agregando este código al final de la clase:

   int count = 0;
   void Button_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Depurar la aplicación en Android:

   

   Sugerencia

   Es posible crear y depurar la aplicación de iOS desde Visual Studio con un equipo Mac en red. Consulte las instrucciones de configuración para obtener más información.

Instrucciones paso a paso para Mac

Descarga del ejemplo

Siga estos pasos, junto con el vídeo anterior:

1. Elija Archivo Nueva solución... o presione el botón Nuevo Project... y, a continuación, seleccione Aplicación multiplataforma Aplicación de formularios en blanco:

   

2. Asegúrese de que Android y iOS están seleccionados, con uso compartido del código .NET Standard:

   

3. Restaurar paquetes de NuGet, haciendo clic en el botón derecho en la solución:

   

4. Inicie Android Emulator presionando el botón de depuración (o ejecutar Iniciar depuración).

5. Edite MainPage.xamly agregue este XAML antes del final de :

   <Button Text="Click Me" Clicked="Handle_Clicked" />
   

6. Edite MainPage.xaml, agregando este código al final de la clase:

   int count = 0;
   void Handle_Clicked(object sender, System.EventArgs e)
   {
       count++;
       ((Button)sender).Text = $"You clicked {count} times.";
   }
   

7. Depurar la aplicación en Android:

   

8. Haga clic con el botón derecho para establecer iOS en el Proyecto de inicio:

   

9. Depurar la aplicación en iOS: