‫Bienvenido de nuevo.
‫En este video, me gustaría hablar sobre los datos de propiedad y los desencadenantes de eventos porque son
‫muy importantes cuando desea ajustar las cosas en el oro.
‫Entonces, en este caso, ajustaré el texto aquí.
‫Entonces, cuando lo reviso, coloco el cursor sobre el texto que cambia su color y su apariencia en general.
‫Luego esto.
‫Hola amigo.
‫Como puede ver, su tamaño aumenta.
‫Entonces es como una animación aquí.
‫Y luego tenemos esta casilla de verificación aquí hay alguien allí y este texto dice que no.
‫Y solo voy a hacer clic en él.
‫Y dice, por supuesto que hay alguien ahí.
‫Entonces soy yo.
‫Sí, puedo hacer clic en él.
‫Entonces, estas son cosas que vamos a cubrir en este video, y le permitirá, bueno,
‫hacer que su interfaz de usuario en general esté bastante bien, bastante ordenada porque se puede ajustar sobre la marcha y
‫puede brindar una experiencia de usuario mejorada. o cree una experiencia de usuario mejorada.
‫Así que sigamos adelante y creemos un nuevo proyecto aquí.
‫Y voy a llamar a 14 C, que son datos de propiedad y evitar desencadenantes.
‫Lo que tenía allí era una combinación de rejillas y paneles de barras.
‫Así que voy a empezar con un panel de palo, gracias a un panel como ese.
‫Y dentro de este panel de tecnología, tengo una cuadrícula y allí tengo un bloque de texto
‫que dice algo como texto, hola, amado mundo.
‫Nuestro amado mundo, y luego tengo un tamaño de fuente, así que lo estableceré en, digamos 32, quiero
‫que esto esté centrado.
‫Entonces voy a decir centro y también verticalmente debería estar centrado.
‫Entonces voy a decir que en la siguiente línea, la alineación vertical también estará centrada, y la
‫voy a cerrar así.
‫Así que ahí estamos.
‫Este es nuestro mundo de texto amado, y lo voy a evaluar.
‫Pero el archivo pequeño.
‫Entonces, aquí en el bloque de texto, puedo seguir adelante y cambiar, por ejemplo, el estilo.
‫Puedo hacer múltiples cosas y necesito tener un estilo para poder usar el activador de estilo.
‫Así que voy a agregar un bloque de texto con ese estilo que me permitirá crear un estilo.
‫Por ejemplo, necesito agregar un tipo de destino aquí, que será nuestro bloque de texto y dentro
‫del estilo puedo continuar y agregar un setter y activadores de estilo.
‫Entonces, en primer lugar, necesito un centro que sea el primer plano de la propiedad.
‫Así que quiero poner el primer plano.
‫Quiero cambiar el primer plano.
‫Y quiero cambiarlo a verde.
‫Entonces va a establecer el valor en verde.
‫Y luego, quiero tener desencadenantes que realmente puedan hacer eso porque por ahora es simplemente verde.
‫Pero quiero que esto se active y lo hago con el estilo que se activa ahora dentro de la etiqueta de activadores de
‫estilo.
‫Puedo crear mis diferentes disparadores y solo voy a tener un disparador, que estará sobre el mouse.
‫Así que la propiedad de ese disparador se ha terminado.
‫Entonces, cada vez que pasamos el cursor sobre este texto, quiero que se ejecute este disparador y voy
‫a querer establecer el valor en verdadero.
‫Con una T mayúscula así, dentro de esa etiqueta de activación, puedo crear mis Seders y eso será lo que debería
‫cambiarse en general.
‫Entonces, digamos que ahora tengo este texto verde y quiero que sea rojo cuando coloque el cursor sobre él.
‫Por lo tanto, el centro establecerá la propiedad en primer plano o establecerá la propiedad en primer plano con el valor de rojo.
‫Entonces, cada vez que coloco el cursor sobre él ahora o mi mouse está terminado,
‫este disparador se ejecutará y todos sus establecedores también se activarán o ejecutarán el próximo sábado, quiero
‫agregar, será la propiedad central.
‫Y aquí están las declaraciones de texto que quiero establecer en el valor de subrayado.
‫Está bien.
‫Así que cerremos la configuración y veamos si nuestro disparador funciona.
‫Así que esto es solo un texto, ¿verdad?
‫Y veamos el código un poco más en profundidad ahora o un poco más en profundidad.
‫Entonces tenemos esta cuadrícula.
‫Que está en un panel de estado y allí solo tenemos este bloque de texto, y eso es solo un
‫texto que vemos aquí, este Hola Mundo Amado, y tiene un tamaño de fuente y está centrado.
‫Entonces esas son las propiedades generales del bloque de texto.
‫Pero ahora me ajusto al estilo del bloque de texto para poder agregar algunos componentes de estilo aquí.
‫Y yo uso la etiqueta de estilo y digo que el tipo de destino de este estilo debería ser el bloque de texto en sí mismo porque podrían
‫ser componentes dentro del bloque de texto, pero eso sería código por ahora.
‫Pero en general, aquí tenemos este centro que marca el estilo.
‫Entonces, esto es algo que se hace de inmediato, ¿verdad?
‫No tenemos que activar eso.
‫Pero luego podemos agregar activadores de estilo que contienen un activador, que luego establece las cosas.
‫Y necesitamos especificar cuál debería ser la propiedad para activar este disparador.
‫Entonces, ¿la mayoría termina cuando eso es cierto?
‫Quiero que se ejecuten los centros y eso simplemente diría, OK, quiero cambiar el primer plano de la
‫propiedad al valor de rojo y quiero establecer las decoraciones del impuesto a la propiedad en el valor de subrayado.
‫Por lo tanto, puede agregar varios establecedores diferentes aquí, si lo desea, y eso se activará cada vez
‫que se ejecute este y se ejecutará si Ismael's over es cierto.
‫Entonces, ejecutemos el código y veamos cómo funciona esto en acción para que lo tengamos.
‫Hola, amado mundo, y me coloco sobre él.
‫Y como puede ver, la declaración de texto está en la línea.
‫Entonces, el texto está en la línea y el valor de primer plano es rojo.
‫Entonces este color va del verde al rojo.
‫Está bien.
‫Así es como puede simplemente seguir adelante y usar desencadenadores de estilo o desencadenantes en general.
‫Y otra cosa que podría ver es que cuando el valor vuelve a caer, vuelve a su valor original, por lo
‫que subrayar y leer ya no es cierto.
‫Así que simplemente vuelven a su valor original, que era verde para el primer plano y en la línea era de
‫o falso para que la declaración de texto no estuviera en la línea.
‫Ahora, sigamos adelante y creemos otro bloque de texto, que estará en una cuadrícula única.
‫Así que quiero tener varias cuadrículas una encima de la otra.
‫Podría haber usado una envoltura diferente, pero solo voy a usar la cuadrícula aquí y allá.
‫Tengo un bloque de texto de nuevo, y esta vez debería decir algo como: Hola, amigo.
‫Hola amigo.
‫Y ahora, estableceré el tamaño de fuente en 24.
‫El tamaño de la fuente será veinticuatro.
‫Entonces quiero que esto sea una línea centralizada tanto para la alineación horizontal como para la vertical.
‫Y luego este bloque de texto debería tener un estilo.
‫Así que diseñaré varias cosas aquí.
‫En primer lugar, quiero agregar una etiqueta de estilo de bloque de texto aquí.
‫Allí, agregaré un estilo y volverá a ser el tipo de bloque de texto de destino y aquí puedo crear
‫activadores de eventos.
‫Así que ha visto el desencadenante de estilo aquí, que fue simplemente un desencadenante.
‫Pero ahora quiero ejecutar un activador de eventos, que será un poco diferente.
‫Así que creemos un estilo que desencadena primero inicie la etiqueta de desencadenadores.
‫Y aquí quiero tener un activador de evento y eso se ejecutará cuando el evento enrutado sea verdadero y el evento enrutado
‫sea la entrada de Mou.
‫Entonces eso se activará cada vez que ingresemos a este bloque de texto con nuestro mouse.
‫Así que es más o menos lo mismo que hemos visto aquí.
‫Se colocó el mouse sobre esta propiedad, pero no, no estamos usando un disparador.
‫Estamos usando un activador de eventos y verá la diferencia en un segundo.
‫Ahora, en el desencadenante de ese evento, puedo seguir adelante y crear un evento.
‫Las acciones de activación son en realidad múltiples acciones.
‫Entonces tengo esta otra etiqueta y aquí ahora puedo crear todas las diferentes acciones que quiero ejecutar
‫cuando se activa este activador de evento.
‫Entonces, cada vez que ingresamos con nuestro mouse, creemos una acción de activación de eventos y eso se hará así,
‫comience el guión gráfico.
‫Así que necesitamos esta etiqueta nuevamente en el guión gráfico.
‫Luego creamos un guión gráfico y dentro del guión gráfico ahora podemos hacer animaciones.
‫Por tanto, la doble animación será una continuación que tendrá una duración determinada.
‫Y aquí tenemos cero como horas, cero minutos, cero segundos y quinientos milisegundos.
‫Entonces, durante el período de quinientos milisegundos, quiero que esto se ejecute.
‫Entonces esta animación para ejecutar y luego quiero cambiar el tamaño de fuente.
‫Pero ahora, para cambiar el tamaño de fuente, necesito usar la propiedad de destino de punto del guión gráfico.
‫Entonces, es muy similar establecer una propiedad que hemos visto aquí, pero cambiamos las declaraciones de texto y lo configuramos
‫para subrayar que necesitamos usar este enfoque aquí, la propiedad de destino del guión gráfico en su lugar.
‫Y aquí puedo decir qué propiedad quiero cambiar.
‫Así que también quiero cambiar el tamaño de la fuente.
‫Y ahora puedo especificar el valor.
‫Así que aquí hay una propiedad de dos y establezco el valor en setenta y dos.
‫Bien, esa es la doble animación que ejecutamos aquí.
‫Entonces es similar a lo que hemos visto aquí.
‫Solo los valores son o los nombres son diferentes.
‫Así que esta era una propiedad, pero ahora es la propiedad de destino del guión gráfico.
‫Luego tenemos el valor que estaba en la línea, pero ahora son las dos palabras clave o las dos propiedades las que
‫necesitamos cambiar.
‫Así que así es como podemos crear esta pequeña animación que se ejecutará.
‫Así que ahora comencemos con ese código y veamos qué está pasando.
‫Hola amigo.
‫Y somos, como pueden ver ahora, es grande y no retrocede.
‫Oh vamos.
‫Vuelve al tamaño normal y.
‫Bueno, no me importa lo que quiero porque no lo he implementado.
‫Así que ahora es un pequeño desafío para ti.
‫Por favor agregue otro.
‫Evento aquí, que hará precisamente eso, así que agregue un activador de evento.
‫Solo un pequeño consejo, no necesita hacer todo eso nuevamente, solo necesita crear o reproducir
‫este código.
‫Así que continúe y agregue la funcionalidad.
‫Entonces, cuando el mouse abandona este bloque de texto, el texto vuelve a su tamaño original, que era veinticuatro, y
‫eso debe hacerse durante una duración de, digamos, trescientos milisegundos.
‫Así que, por favor, inténtalo.
‫Está bien, espero que lo hayas hecho.
‫Así que solo voy a copiar ese activador de evento, lo pegaré justo debajo y en lugar de
‫ingresar con el mouse, ingresaré algo como la hoja del mouse y la duración debe ser de trescientos milisegundos y el tamaño de
‫la fuente debe ser establecido en el valor de veinticuatro.
‫Y eso es.
‫Entonces, este es el activador de eventos que necesito para volver cada vez que el mouse abandona el libro de texto.
‫Así que probemos eso de nuevo.
‫Alli estamos nosotros.
‫Hola amigo.
‫Y ahora déjame dejarlo y vuelve y vuelve más rápido de lo que comienza, ¿no?
‫Entonces, el texto o la entrada del mouse fue de quinientos milisegundos y la salida del mouse fue de trescientos
‫milisegundos.
‫Así que puedes hacer algunos eventos geniales aquí.
‫Y como ve, incluso reacciona sobre la marcha.
‫Así que vuelve de inmediato y eso es genial.
‫Bien, estos son activadores de eventos.
‫Entonces, ha visto disparadores de estilo que son de tipo disparador y luego ha visto disparadores de estilo que son
‫de tipo, evento, disparador.
‫Ahora hay una cosa más que me gustaría agregar una casilla de verificación con un pequeño texto debajo que
‫se ajustará.
‫Así que este utilizará enlace de datos vinculante.
‫Hemos visto enlaces de datos antes y, en lugar de estar en una cuadrícula, debería estar en un panel
‫apilado porque quiero apilar dos cosas.
‫Quiero apilar la casilla de verificación encima del bloque de texto.
‫Entonces, dentro del panel de pila, creo una casilla de verificación y debería tener el nombre de c. B.
‫Hola, CME significa casilla de verificación.
‫Entonces, el contenido de la casilla de verificación sería algo así como alguien con el signo de interrogación.
‫Ahora el panel realmente me dejó alinearlo horizontalmente y alinearlo verticalmente también.
‫Entonces Centro de alineación vertical también.
‫Está bien.
‫Así que ahora esta casilla de verificación debería activar algo y debería cambiar nuestros libros de texto.
‫Entonces necesitaremos un bloque de texto y también lo alinearé horizontalmente.
‫Déjame centrar el bloque de texto.
‫Luego estableceré el tamaño de fuente de mi bloque de texto en treinta y seis.
‫Entonces debería ser lo suficientemente grande ahora dentro del bloque de texto.
‫Quiero seguir adelante y cambiar su estilo.
‫Entonces eso es algo que ya hemos visto en la parte superior.
‫Entonces usamos este estilo de bloque de texto y el tipo de destino de estilo y especificamos el tipo de destino.
‫Entonces voy a hacer lo mismo aquí.
‫El estilo del bloque de texto entonces y aquí creo una etiqueta de estilo y el tipo de destino de estilo.
‫Entonces, el objetivo que tengo es mi bloque de texto.
‫Entonces quiero cambiar el bloque de texto.
‫¿Y como hago eso?
‫Bueno, con mis setters.
‫Así que lo estableceré de inmediato y esta vez el disparador serán datos, un disparador impulsado por datos, y no será
‫un disparador impulsado por eventos como hemos visto aquí.
‫Entonces desencadenador de eventos y así sucesivamente.
‫Pero ahora es un disparador impulsado por datos.
‫Entonces la propiedad de mi centro será propiedad.
‫Ese será el texto.
‫Y quiero cambiar el valor del texto a algo como, no, y ahora tendré otro Sather en la parte superior
‫e inferior en la parte inferior.
‫Entonces este cambiará la propiedad llamada primer plano.
‫Por lo tanto, debería cambiar el color al valor de rojo.
‫Ahora eso se ejecutará de inmediato.
‫Derecha.
‫Así que tenemos el estilo y todavía no teníamos ningún desencadenante.
‫Entonces esto se establecerá.
‫Podríamos haber hecho lo mismo.
‫Podríamos haber establecido el texto aquí en el nivel de bloque de texto.
‫Podríamos haber usado el valor de rojo en el nivel del bloque de texto.
‫Derecha.
‫Pero solo quiero mostrarles que este es un enfoque alternativo y esto les ayudará a hacer lo siguiente.
‫Entonces, en este caso, necesitaré un gatillo de dardo de estilo.
‫Entonces necesito tener esta etiqueta de desencadenadores de estilo.
‫Y ahora y aquí creo un disparador de datos.
‫Como puede ver, hemos utilizado disparadores normales, que se basan en una propiedad.
‫Luego tenemos disparadores controlados por eventos, que es un evento enrutado que se ejecuta.
‫Entonces es más o menos lo mismo.
‫Pero en este caso, ya sabes, es un mouse sobre y un mouse ingresa.
‫Pero en este caso es una propiedad la que lo está activando.
‫Y en este caso, es un evento real y ahora serán datos.
‫Entonces ves tres tipos diferentes de desencadenantes.
‫Entonces, este disparador de datos también establecerá las cosas.
‫Pero ahora, para ejecutar el disparador, necesito usar el enlace en este caso.
‫Así que voy a vincular el nombre del elemento llamado c. B.
‫Hola.
‫Cuál es nuestra casilla de verificación y esta para saludar.
‫Debería tener la ruta de está marcada.
‫Así que voy a comprobar que este es el valor comprobado y me voy.
‫Dijo que el valor es cierto.
‫Ahora, ¿qué pasa si yo?
‫Verifique que la chequera esté bien, se debe ejecutar algún setar, por lo que el centro con la propiedad de texto debe ejecutarse
‫y su valor debe establecerse en algo como, por supuesto.
‫Ahora, la siguiente letra que me gustaría agregar tendrá la propiedad de primer plano, por lo que
‫cambiará a la propiedad de primer plano, al valor de verde, y eso es todo.
‫Así que este es nuestro activador de datos.
‫Sigamos adelante y ejecutemos eso para que tengamos nuestros dos desencadenantes que se basan en excesos masivos o mediante ese
‫evento aquí.
‫Y luego, si marco esa casilla, hagámoslo, boom.
‫Y dice, por supuesto.
‫Entonces ves que nuestra casilla de verificación activa esto ahora y ese no es el evento.
‫Entonces este no es el evento de verificación.
‫Se basa en los datos que hay detrás.
‫Por lo tanto, estamos vinculantes al valor verificado de nuestro CB.
‫Hola.
‫Entonces de nuestra casilla de verificación aquí.
‫Entonces, como dije, es importante.
‫Derecha.
‫Por lo tanto, podría haber hecho lo mismo con un evento que se activa cada vez que lo verificamos, porque
‫sabe que si se verifica o se verifica, podría iniciar un evento.
‫Así que cheque cambiado o algo así.
‫Derecha.
‫Entonces, esta vez lo haremos basándonos en datos.
‫Entonces, cada vez que lo presione, esto se ejecutará.
‫Está bien.
‫Estos son los tres tipos diferentes de disparadores y diferentes tipos de, bueno, ejecutar algunos cambios bastante
‫interesantes en su interfaz de usuario.
‫Excelente.
‫Espero que puedas entender todo eso.
‫Aconsejo probar algunos disparadores de datos adicionales, ver algo con un texto.
‫Entonces, si alguien ingresa un texto específico, entonces algo debe cambiarse o ese tipo de cosas.
‫Entonces puedes hacer muchas cosas con Zemo sin tener que tocar un código detrás.
‫Y eso es muy bueno.
‫Está bien, genial.
‫Así que nos vemos en el siguiente video.