(+34) 673 566 782 - (+34) 960 653 052 formacion@imaginagroup.com

¿Qué es Xamarin? ¿Cómo crear un proyecto?

Xamarin es una plataforma de desarrollo que nos permite construir aplicaciones realmente multiplataforma. La gran ventaja de Xamarin es que podremos desarrollar aplicaciones que funcionen en cualquier dispositivo móvil (sea iOS o Android) con el mismo código, escrito en el lenguaje de programación C# con el framework .NET

Características de Xamarin

¿Cuáles son sus principales características?

  • Las interfaces de usuario que se desarrollan con Xamarin son nativas.
  • El código se comparte entre todas las plataformas.
  • Las interfaces se pueden desarrollar mediante XAML.
  • Open Source y en constante innovación.
  • Está basado en Mono.

¿Qué diferencia hay entre Xamarin clásico de Xamarin.Forms?

Antes, la interfaz de usuario tenía que desarrollarse con herramientas nativas de cada plataforma, además de compartir un código común, ahora con Xamarin tenemos dos alternativas de desarrollo:

  1. Utilizar Xamarin.Forms, que es un conjunto de componentes cross-platform y que funcionan en cualquier dispositivo.
  2. Hacer dos desarrollos, uno en Xamarin.Android y otro en Xamarin.iOS.

Siendo la primera de ellas la que nos va a permitir agilizar el desarrollo.

¿Cómo crear un proyecto con Xamarin.Forms?

Xamarin.Forms es simplemente un SDK, o un framework que se agrega en un proyecto de Xamarin para poder crear interfaces de usuario verdaderamente multiplataforma, ya que con Xamarin clásico podríamos crear la lógica del negocio multiplataforma usando C#, pero necesitaríamos crear las Interfaces de Usuario mediante las herramientas propias y nativas de cada plataforma particular, tal es el caso de XCode para iOS y Android Studio para Android, entre otras.

¿Cómo instalar Xamarin en Visual Studio?

En primer lugar descargamos el fichero ejecutable para instalar Visual Studio desde una página web oficial.

Cómo instalar Xamarin en Visual Studio

Durante el proceso de instalación, debemos elegir la carga de trabajo Desarrollo para dispositivos móviles con .NET

Debemos elegir la carga de trabajo

Para comprobar si Xamarin está instalado, nos dirigimos al menú de  Ayuda > Acerca de Microsoft Visual Studio y nos desplazamos por la lista de productos instalados para verlo:

Comprobar si Xamarin está instalado

¿Cómo instalar un emulador para Android?

Para disponer de emulador en Visual Studio Community tenemos varias alternativas, por ejemplo Visual Studio Emulator para Android o bien GenyMotion Android Emulator, que requiere también la instalación de VirtualBox.

Instalar emulador para Android Visual Studio Emulator

Emulador para Android GenyMotion Android Emulator

Tan solo debemos elegir alguna de las disponibles y seguir las indicaciones de instalación de forma rápida y sencilla.

¿Cómo crear un proyecto con Xamarin.Forms?

Una vez abierto Visual Studio, debemos hacer clic en Archivo -> Nuevo -> Proyecto.

¿Cómo crear un proyecto con Xamarin.Forms?

Deberemos elegir entre las diferentes plantillas disponibles a la hora de crear el proyecto. Para ello, seleccionaremos Visual C#, Cross-Platform y dentro Cross Platform App (Xamarin).

Debemos elegir entre las diferentes plantillas disponibles a la hora de crear el proyecto

Llegados a este punto se abrirá un cuadro de diálogo en el que debemos elegir entre Aplicación en blanco y marcar .NET Standard.

La aplicación en blanco es una plantilla para generar proyectos en Xamarin.Forms, que apenas introducirá código y generará el esqueleto necesario para realizar una aplicación de iOS y Android.

Plantilla para generar proyectos en Xamarin.Forms

¿Cómo analizar la estructura del proyecto creado?

Si no estamos familiarizados con Visual Studio, lo primero que debemos saber es que se ha generado una Solución, que es el nombre con el que se denominan los proyectos de aplicaciones.

Comprobar explorador de soluciones

La anatomía o estructura de archivos creada por Visual Studio .NET para tu aplicación, va a depender inicialmente del sistema operativo en el que estés trabajando y de los SDKs y opciones particulares que tengas instalados.

Estructura de archivos creada por Visual Studio .NET

De forma general, la estructura es la siguiente:

  • Proyecto de código común (.NET Standard o shared project según configuración)

    Contiene las dependencias comunes, el SDK, la raíz de la aplicación App (App.xaml y App.xaml.cs), la página de la vista principal MainPage.xaml y todas aquello que vaya a formar parte de la interfaz de usuario.

  • App de Android

    Contiene las librerías específicas necesarias para este sistema operativo, los directorios donde almacenar recursos específicos, tipos de letra, música, vídeo, imágenes, etc. y el archivo principal
    MainActivity.cs que contiene la instrucción Xamarin.Forms.Forms.Init() que inicializa los componentes necesarios para que todo funcione.

  • App de iOS

    Al igual que para Android, alberga los archivos necesarios para el desarrollo en iOS y a diferencia de éste, los archivos AppDelegate.cs, que contiene también la instrucción Xamarin.Forms.Forms.Init() y una subclase necesaria para controlar los eventos de la aplicación iOS, Info.plist para configurar la información general de la aplicación al gusto del desarrollador y Main.cs, que es el punto de entrada a la aplicación.

Creación de un Hola Mundo

Una vez creado el proyecto, abriremos ahora en la carpeta de código común MainPage.xaml, y cambiaremos “Welcome to Xamarin Forms!” por “Hola Mundo!”, guardando los cambios.

Crear Hola Mundo con Xamarin.Forms

El proyecto de Android es el que está configurado como proyecto de inicio de forma predeterminada, de modo que en Visual Studio 2017 aparece una lista de emuladores de dispositivos Android donde podremos ejecutar nuestra aplicación.

Lista de emuladores de dispositivos Android

O con Genymotion:

Instalar Genymotion Android Emulator

El emulador se iniciará, se compilará el proyecto y mostrará el resultado.

Resultado emulador Hola Mundo

¡Ya tienes un Hola Mundo creado usando Visual Studio y Xamarin.Forms!

Principiante, intermedio o avanzado. En Imagina Formación te ofrecemos un amplio catálogo de tutoriales de nuevas tecnologías. Si quieres estar a la última en cualquiera de las diferentes plataformas echa un vistazo a nuestros tutoriales organizados por diferentes niveles de conocimiento. Seguro que en alguna de estas categorías encuentras documentación técnica que te ayuda en tus proyectos.

Uso de cookies: Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies

ACEPTAR
Aviso de cookies