Introducci贸n a Xamarin

1

Todo lo que aprender谩s sobre Xamarin Forms

2

驴Qu茅 es Xamarin?

Instalaci贸n y configuraci贸n

3

Requerimientos de hardware y software

4

Introducci贸n a Instalaci贸n de Visual Studio .NET y Herramientas

5

Instalaci贸n de Visual Studio .NET en Windows

6

Instalaci贸n de Visual Studio .NET for Mac

7

Configuraci贸n de Xamarin para iOS

Fundamentos de Xamarin.Forms

8

Mi primera app con Xamarin.Forms

9

Xamarin.Forms vs. Xamarin cl谩sico

10

Estrategias para compartir c贸digo

Arquitectura de Xamarin.Forms

11

Anatom铆a de una aplicaci贸n

12

Arquitectura de Xamarin.Forms

Sistema de Propiedades Enlazables

13

Sistema de Propiedades Enlazables

14

Usando y creando Propiedades Enlazables

15

Propiedades Adjuntas

Manejo de Eventos

16

Manejo de eventos

17

Ciclo de vida

El Lenguaje XAML

18

驴Qu茅 es XAML?

19

Espacios de Nombres XML

20

Sintaxis de subelementos y de contenido

21

Extensiones de Marcado

22

Recursos

23

XAML compilado

Interfaz de Usuario

24

Contenedores

25

Controles comunes

26

Creaci贸n de controles personalizados

27

Estilos

28

Triggers en Estilos

29

Diccionarios Mezclados

30

Transformaciones y Animaciones

31

Navegaci贸n

32

DisplayAlert y DisplayActionSheet

33

MessagingCenter

Enlace de Datos

34

Enlace de Datos

35

Interfaces de notificaci贸n

36

La clase ObservableCollection<t>

37

Contexto de Enlace de Datos

38

Enlace entre elementos

39

Propiedad StringFormat

40

Plantillas de Datos

41

Convertidores de Valor

Comandos

42

驴Qu茅 son los Comandos?

43

Implementaci贸n b谩sica e implementaciones existentes

El Patr贸n de Dise帽o Model-View-ViewModel (MVVM)

44

Introducci贸n al patr贸n de dise帽o MVVM

45

驴Qu茅 es MVVM?

46

Componentes del Patr贸n

47

Proyecto: Pomodoro

48

App Pomodoro

49

Continuando con la app Pomodoro

50

Concluyendo nuestra app Pomodoro

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Xamarin.Forms

Curso de Xamarin.Forms

Rodrigo D铆az Concha

Rodrigo D铆az Concha

Triggers en Estilos

28/50
Recursos

Los Triggers o disparadores son acciones que indican la ejecuci贸n de un c贸digo como respuesta a alg煤n cambio en la aplicaci贸n. Expresan acciones que modifican la apariencia de los controles seg煤n alguna l贸gica establecida. Pueden ser implementados en la colecci贸n Triggers del elemento Style para definir estilos dependiendo de un evento que sucede al control.

Los tipos soportados:

  • Trigger (o Property Triggers): se ejecuta cuando el valor de una propiedad es modificado.
  • Data Trigger: se ejecuta cuando el valor de propiedad enlazado desde el ViewModel cambia.
  • Event Trigger: se ejecuta cuando sucede alg煤n evento en particular.
  • MultiTrigger: se ejecuta como respuesta a multiples eventos que pueden suceder en simult谩neo.

El siguiente es un ejemplo de Trigger en un Style:

<Style TargetType=""Entry"">
   <Style.Triggers>
      <Trigger TargetType=""Entry"" Property=""IsFocused"" Value=""True"">
         <Setter Property=""BackgroundColor"" Value=""Yellow"" />
      </Trigger>
   </Style.Triggers>
</Style>

Este trigger disparar铆a la asignaci贸n de estilo de color de fondo en amarillo cuando el componente entry tenga el focus.

Aportes 5

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Un ejemplo de 鈥淓vent Trigger鈥:
.
.

Este disparados, cambia la propiedad texcolor de un Entry, siempre y cuando se cumplan las siguientes condiciones:

  • El texto sea igual a 鈥淗ola mundo鈥
  • El control Switch este habilitado (sea igual a true)

Es genial!!!, muy enfocado al frontend de la aplicaci贸n. 馃槂

Donde puedo encontrar la lista de triggers, para cada uno de los controles en xamarin?

si tengo un dBinding en el text del Entry como podr铆a hacer la relaci贸n de que el campo no sea nulo y bloquee el bot贸n ?

Un ejemplo de 鈥淓vent Trigger鈥:

code behind

   using Xamarin.Forms;

    public class ColorTriggerActionKeyListener : TriggerAction<Entry>
    {
        /// <summary>
        /// Accion del evento "ColorTriggerActionKeyListener": Cambia el color del texto digitado segun la 
        /// longitud del texto.
        /// </summary>
        /// <param name="sender">Referencia al control / objeto que gener贸 el evento</param>
        protected override void Invoke(Entry sender)
        {
            Color[] color ={ Color.Red,
                       Color.Orange,
                       Color.Yellow,
                       Color.Green,
                       Color.Blue,
                       Color.Indigo,
                       Color.Violet };

            sender.TextColor = color[sender.Text.Length % color.Length];
        }
    }

Xaml

      xmlns:local="clr-namespace:AppTest.Vistas.EventosPersonalizados"


      <StackLayout VerticalOptions="Center">
                <Label Text="Do you see colors?"
                       VerticalOptions="Center"
                       HorizontalOptions="Center" />
                
                <Entry Placeholder="Type stuff here."
                       VerticalOptions="Center"
                       HorizontalOptions="Center"
                       BackgroundColor="Brown">
                    <!--Este disparador act煤a cuando se invoca el evento 鈥淭extChanged鈥.  Una vez llamado el 
                        evento 鈥淭extChanged鈥, 
                        invoca el evento personalizado 鈥淐olorTriggerActionKeyListener鈥. -->
                    <Entry.Triggers>
                        <EventTrigger Event="TextChanged" >
                            <local:ColorTriggerActionKeyListener />
                        </EventTrigger>
                    </Entry.Triggers>
                </Entry>
            </StackLayout>