Xamarin Forms: Estructura de un proyecto simple

Estructura del proyecto
Se compone de ficheros *.xaml y *.cs principalmente para el pintado de las pantallas y de la lógica de datos

Cómo establecer una solucion por defecto
Para establecer Android o IOS como proyecto por defecto debemos seleccionar el proyecto en cuestión y seleccionar “establecer como proyecto de arranque”. Ahora cada vez que hagamos un run ejecutará la plataforma deseada.

Cómo añadir paquetes adicionales
Simplemente haz click con el botón rerecho del raton sobre librerías y seleccion “add packages…”

A continuación, se abrirá un cuadro de diálogo en el, una vez seleccionado la fuente, dispondremos de todas los paquetes instalables. Deberemos realizar este paso para incorporar a nuestro proyecto Xamarin posibilidad, por ejemplo, para hacer llamadas REST.

En este caso vamos a crear un proyecto inicial muy simple que, a partir de un número de euros, calculará la conversión a Libras y Dólares en Xamarin forms

Primero vamos a crear un nuevo fichero llamado OperacionesConDivisas.cs en la raiz del proyecto común que contenga la lógica común y realice los cálculos

using System;
namespace ConversorDeDivisas
{
	class Conversion
	{
		public static decimal ToDolares(decimal euros)
		{
			decimal dolares = euros * 1.3M;
			return dolares;
		}
		public static decimal ToLibras(decimal euros)
		{
			decimal libras = euros * 1.42M;
			return libras;
		}
	}
}

Ahora vamos a crear la vista común para las dos plataformas que, básicamente, tendrá un label explicativo, un inputText de entrada para introducir el valor, un botón y dos label que mostrarás el resultado de la conversión a dólares y libras. El nuevo fichero le he llamado ConversorDeDivisasPage.xaml

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
		xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
		xmlns:local="clr-namespace:ConversorDeDivisas" 
		x:Class="ConversorDeDivisas.ConversorDeDivisasPage">
	<StackLayout Padding="50">
	    <Label  Text="Conversor de divisas" 
	            VerticalOptions="Center" 
	            HorizontalOptions="Center"
				Font="Large"/>
	        
	    <Label Text="Introduce Euros" 
				x:Name="labelInfo"
	            VerticalOptions="Center" 
	            HorizontalOptions="Center" 
				Font="Medium"/>

	    <Entry x:Name="eurosEntry"
				Keyboard="Numeric"/>

	    <Button x:Name="btnSubmit"
	            BackgroundColor="Blue" 
				Text="Calcular"
				TextColor="White"
				Clicked="Handle_Clicked"/>


	    <Label  x:Name="textLibras"
	            Text="12 libras" 
	            VerticalOptions="Center" 
	            HorizontalOptions="Center"
				Font="Medium" 
				IsVisible="false"/>

	    <Label  x:Name="textDolares"
	            Text="16 dolares" 
	            VerticalOptions="Center" 
	            HorizontalOptions="Center"
				Font="Medium" 
				IsVisible="false"/>
    </StackLayout>
</ContentPage>

Ahora tocaremos el fichero ConversorDeDivisasPage.xaml.cs para llevar la lógica de datos de la app y llame a la clase OperacionesConDivisas.cs para realizar las operaciones

using Xamarin.Forms;

namespace ConversorDeDivisas
{
	public partial class App : Application
	{
		public App()
		{
			InitializeComponent();

			MainPage = new ConversorDeDivisasPage();
		}

		protected override void OnStart()
		{
			// Handle when your app starts
		}

		protected override void OnSleep()
		{
			// Handle when your app sleeps
		}

		protected override void OnResume()
		{
			// Handle when your app resumes
		}
	}
}

Pues básicamente ya tenemos el proyecto creado, sólo nos falta comprobar que está bien referenciada la clase correspondiente en App.xaml.cs

using Xamarin.Forms;

namespace ConversorDeDivisas
{
	public partial class App : Application
	{
		public App()
		{
			InitializeComponent();

			MainPage = new ConversorDeDivisasPage();
		}

		protected override void OnStart()
		{
			// Handle when your app starts
		}

		protected override void OnSleep()
		{
			// Handle when your app sleeps
		}

		protected override void OnResume()
		{
			// Handle when your app resumes
		}
	}
}

Link de descarga del proyecto

La entrada Xamarin Forms: Estructura de un proyecto simple aparece primero en Los apuntes del programador.