Introducción a Visual Studio

Si aún tiene que instalar Visual Studio, consulte nuestro artículo anterior.

Compilar una aplicación con Visual Studio 2017

por Nicole Bruck

Paso 1: creación

Vamos a aprender a usar Visual Studio y Xamarin para compilar una aplicación de Android básica (también compatible con iOS y Windows Phone), aunque nunca haya desarrollado ninguna aplicación móvil.

  • Seleccione Archivo → Nuevo → Proyecto.
  • Elija el nodo Multiplataforma a la izquierda, seleccione el tipo de proyecto “Aplicación multiplataforma (Xamarin.Forms o nativa)” y asígnele el nombre “HelloWorld”.
  • En la pantalla siguiente, seleccione la plantilla Aplicación vacía y la estrategia de uso compartido de código Biblioteca de clases portátil (PCL):

Paso 2: edición

Vamos a agregar un área de texto y un botón a nuestra aplicación móvil. A continuación, agregaremos una acción al botón para que muestre “Hello, World!”.”

  • Haga clic con el botón derecho en el proyecto HelloWorldApp (Portable) y elija Nuevo elemento.
  • Seleccione la plantilla Forms Xaml Page y asigne el nombre “HelloWorldPage” a la nueva página.
  • Seleccione HelloWorldPage.xaml en el Explorador de soluciones.
  • Reemplácelo por el código siguiente:


    • 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">





       
  • En el Explorador de soluciones, expanda el nodo HelloWorldPage.xaml.
  • Seleccione HelloWorldPage.xaml.cs en el Explorador de soluciones.
  • Reemplácelo por el código siguiente:
    • 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");
      }
      }
      }
  • Abra App.xaml.cs en el Explorador de soluciones.
  • Reemplace “MainPage” por “HelloWorldPage” en public App()

Paso 3: compilación y ejecución

Ahora vamos a compilar el proyecto para asegurarnos de que todo el código funciona.

  • En la barra de herramientas de Visual Studio, seleccione el proyecto HelloWorld.Android y el emulador adecuado.

Si está listo para comenzar a probar algunas de nuestras características de depuración, pase a nuestro próximo artículo: Depurar y más.