Recursos a nivel de aplicación en Xamarin Forms

Clase 30 de 83 • Curso de Xamarin 2018

Hemos usado los recursos solamente dentro de una página, de hecho, los recursos, tal como están definidos en este momento, sólo pueden ser usados dentro de la página donde están definidos. Al ser definidos como recursos de la página, su ámbito o scope es solamente el de los elementos definidos dentro de la página misma. Este quizás no sea aún el escenario óptimo. Aunque hemos logrado reutilizar recursos XAML, con la estructura actual, aún tendríamos que duplicar estos recursos por cada página dentro de nuestra aplicación para que los colores se puedan reutilizar.

Recursos a nivel de aplicación

O podemos definir los colores como recursos de la aplicación completa, y no sólo de una página. Esto lo podemos hacer desde App.xaml.

Tal como definimos los recursos dentro del NuevoItemPage.xaml, los podemos definir en el archivo App.xaml, asegurándonos de que ahora éstos estarán disponibles a lo largo de toda la aplicación:

<Application.Resources>
    <ResourceDictionary>
        <Color x:Key="accentColor">#7FC719</Color>
        <Color x:Key="buttonTextColor">#FFFFFF</Color>
    </ResourceDictionary>
</Application.Resources>

Ahora, podemos regresar al XAML anterior, borrar los recursos, y aún así podremos usar accentColor y buttonTextColor, esta vez obtenidos desde la clase App.

Teniendo los recursos a nivel de clase nos permite abrir otra página, por ejemplo la ToDoListPage.xaml, y usar los recursos en el botón de inicio de sesión y el color del texto de los Entries:

<Entry x:Name="usuarioEntry"
       TextColor="{StaticResource accentColor}"
       Placeholder="usuario"/>
<Entry x:Name="contraseñaEntry"
       Placeholder="contraseña"
       TextColor="{StaticResource accentColor}"
       IsPassword="true"/>
<Button Text="iniciar sesión"
        BackgroundColor="{StaticResource accentColor}"
        TextColor="{StaticResource buttonTextColor}"
        Clicked="Handle_Clicked"/>
<Label x:Name="resultadoLabel"
       HorizontalOptions="Center”/>

Y así, hemos ahorrado un poco más de código al reutilizarlo directamente desde los recursos de la aplicación, sin necesidad de definir recursos dentro de cada página. Si quisieras ocupar este recurso dentro de la lista, podrías por ejemplo asignarlo a la propiedad DetailColor del TextCell.

DetailColor="{StaticResource accentColor}”

Y tal como lo hicimos con los recursos dentro de la página, la siguiente vez que necesites cambiar los colores de tu aplicación, sólo necesitarás cambiarlos una vez, dentro del App.xaml.

<Application.Resources>
    <ResourceDictionary>
        <Color x:Key="accentColor">#7FC719</Color>
        <Color x:Key="buttonTextColor">#FFFFFF</Color>
    </ResourceDictionary>
</Application.Resources>

<Entry x:Name="usuarioEntry"
       TextColor="{StaticResource accentColor}"
       Placeholder="usuario"/>
<Entry x:Name="contraseñaEntry"
       Placeholder="contraseña"
       TextColor="{StaticResource accentColor}"
       IsPassword="true"/>
<Button Text="iniciar sesión"
        BackgroundColor="{StaticResource accentColor}"
        TextColor="{StaticResource buttonTextColor}"
        Clicked="Handle_Clicked"/>
<Label x:Name="resultadoLabel"
       HorizontalOptions="Center”/>

Recursos a nivel de aplicación en Xamarin Forms

Bienvenida al Curso de Xamarin

Estamos renovando este curso

Introducción a Xamarin

¿Qué es Xamarin?

Xamarin Forms vs. Xamarin Nativo (Clásico)

Xamarin vs Desarrollo tradicional

Preparando el entorno para Xamarin

Requerimientos del sistema para instalar Visual Studio

Xamarin en Mac

Instalando Visual Studio en Mac OS

Xamarin en Windows

Instalando Visual Studio en Windows

Xamarin Emuladores iOS y Android

Crear un Emulador Android en Windows con Visual Studio

Comenzando un Proyecto en Xamarin Forms

Creando proyecto

Creando proyecto Xamarin Forms en Windows

¿Qué es XAML en Xamarin?

¿Qué es XAML en Xamarin? Windows

Eventos en Xamarin Forms

Accediendo al evento Click

Creando y cambiando a otra pantalla

Creando y cambiando a otra pantalla Windows

SQLite en Xamarin Forms

Implementando SQLite en Xamarin Forms Windows

Implementando SQLite en Xamarin Forms

Creando el Modelo Tarea en Xamarin Forms

Creando el Modelo Tarea en Xamarin Forms Windows

Creando una base de datos SQLite en Xamarin Forms

Insertando un registro en la base de datos

Implementando Listas

Leyendo datos desde SQLite

Actualizando datos SQLIte

Implementando Filtros SQLite

Recursos y estilos en XAML Xamarin Forms

Recursos en XAML

Recursos a nivel de aplicación en Xamarin Forms

Estilos en XAML

Xamarin Nativo, comenzando con PlatziTrips

Estructura de una solución para Xamarin Nativo

Xamarin.Android

Definiendo una interfaz con AXML en Xamarin

Controlar una interfaz con C# en Xamarin.Android

Xamarin.iOS

Definiendo una interfaz en Storyboard en Xamarin

Controlar una interfaz con C# en Xamarin.iOS

Proyectos compartidos en Xamarin

PCL vs Shared Project

Usando código compartido en Xamarin

SQLite en Xamarin

Integrando SQLite en el PCL de Xamarin

Insertando elementos a la base de datos en Xamarin

Usando ScrollView en Xamarin.Android

SQLite en el proyecto Xamarin.Android

Utilizando NavigationController en Xamarin.iOS

SQLite en el proyecto Xamarin.iOS

Listas en Android

Creando un ListActivity en Xamarin.Android

Leer datos de SQLite en Xamarin.Android

Implementando para Material Design en Xamarin.Android

Solución de CHALLENGE parte 1

Solución de CHALLENGE parte 2

Solución de CHALLENGE parte 3

Listas en iOS

TableViewController y estilos a celdas Xamarin.iOS

Llenando TableViewCell desde SLQLite Xamarin.iOS

Mejorar experiencia de navegación en Xamarin.iOS

Cambiar colores de la barra de títulos Xamarin.iOS

Consultado Servicios REST en Xamarin

Foursquare y PlatziTrips

Definiendo URL base de Foursquare

Creando un Deserializador JSON en Xamarin

Layout con Toolbar en Xamarin Android

Pasando parámetros entre Activities en Xamarin Android

Llenando un Spinner en Xamarin Android

Creando una pantalla de búsqueda en Xamarin Android

Implementando un toolbar con botón de guardar en Xamarin Android

Implementando Selección Múltiple en un ListView

Leyendo sitios de interés desde base de datos