‫Ben tornato.
‫In questo video, vorrei parlare dei dati delle proprietà e dei trigger di eventi perché sono
‫piuttosto importanti quando si desidera modificare le cose sull'oro.
‫Quindi, in questo caso, aggiusterò il testo qui.
‫Quindi, quando ci passo sopra, passo il mouse sopra il testo che cambia il suo colore e il suo aspetto in generale.
‫Poi questo.
‫Ciao amico.
‫Come puoi vedere, le sue dimensioni aumentano.
‫Quindi è come un'animazione qui.
‫E poi abbiamo questa casella di controllo qui c'è qualcuno lì e questo testo dice no.
‫E farò semplicemente clic su di esso.
‫E dice, ovviamente c'è qualcuno lì.
‫Quindi sono io.
‫Sì, posso fare clic su di esso.
‫Quindi queste sono cose che tratteremo in questo video e ti permetterà di,
‫beh, di rendere la tua interfaccia utente in generale abbastanza bene, abbastanza ordinata perché può adattarsi al volo
‫e può dare un'esperienza utente migliorata o creare un'esperienza utente migliorata.
‫Quindi andiamo avanti e creiamo un nuovo progetto qui.
‫E chiamerò 14 C, che sono i dati delle proprietà e prevengono i trigger.
‫Quello che avevo lì era una combinazione di griglie e pannelli di legno.
‫Quindi inizierò con un pannello stick, grazie a un pannello del genere.
‫E all'interno di questo pannello tecnico, ho una griglia e lì dentro ho un blocco di testo
‫che dice qualcosa come testo, ciao, amato mondo.
‫Il nostro amato mondo, e poi ho una dimensione del carattere, quindi lo imposterò a, diciamo 32, voglio
‫che questo sia centrato.
‫Quindi dirò centro e anche verticalmente dovrebbe essere centrato.
‫Quindi dirò che nella riga successiva, anche l'allineamento verticale sarà centrato e lo chiuderò
‫in questo modo.
‫Quindi ci siamo.
‫Questo è il nostro amato mondo di testo, e ho intenzione di ridimensionarlo.
‫Ma il file piccolo.
‫Quindi, qui nel blocco di testo, posso andare avanti e cambiare, ad esempio, lo stile.
‫Posso fare più cose e ho bisogno di avere uno stile per poter usare il trigger di stile.
‫Quindi aggiungerò un blocco di testo a quello stile che mi consentirà di creare uno stile.
‫Ad esempio, devo aggiungere un tipo di destinazione qui, che sarà il nostro blocco di testo e all'interno
‫dello stile posso andare avanti e aggiungere un setter e trigger di stile.
‫Quindi, prima di tutto, ho bisogno di un centro che sarà la proprietà in primo piano.
‫Quindi voglio impostare il primo piano.
‫Voglio cambiare il primo piano.
‫E voglio cambiarlo in verde.
‫Quindi imposterà il valore su verde.
‫E dopo, voglio avere trigger che possano effettivamente farlo perché per ora è solo verde.
‫Ma voglio che questo venga attivato e lo faccio con lo stile che si attiva ora all'interno del tag trigger di
‫stile.
‫Posso creare i miei diversi trigger e avrò solo un trigger, che passerà al passaggio del mouse.
‫Quindi la proprietà per quell'innesco è lontana miglia.
‫Quindi, ogni volta che passiamo con il mouse su questo testo, voglio che questo trigger venga eseguito
‫e vorrò impostare il valore su true.
‫Con una T maiuscola come quella, quindi all'interno di quel trigger tag, posso creare i miei Seder e questo sarà ciò che dovrebbe
‫essere cambiato in generale.
‫Quindi diciamo che ora ho questo testo verde e voglio che sia rosso quando ci passo sopra.
‫Quindi il centro imposterà la proprietà in primo piano o imposterà la proprietà in primo piano sul valore di rosso.
‫Quindi, ogni volta che ci passo sopra ora o il mio mouse è finito, questo
‫trigger verrà eseguito e anche tutti i suoi setter verranno attivati o eseguiti anche il prossimo sabato, voglio
‫aggiungere, sarà la proprietà centrale.
‫Ed ecco le dichiarazioni di testo che voglio impostare sul valore di sottolineato.
‫Va bene.
‫Quindi chiudiamo la configurazione e controlliamo se il nostro trigger funziona.
‫Quindi questo è solo un testo, giusto.
‫E diamo un'occhiata al codice un po' più in profondità ora o un po' più in profondità.
‫Quindi abbiamo questa griglia.
‫Che è in un pannello di stato e lì abbiamo solo questo blocco di testo, ed è solo un testo
‫che vediamo qui, questo Hello Beloved World, e ha una dimensione del carattere ed è centrato.
‫Quindi queste sono le proprietà generali del blocco di testo.
‫Ma ora mi adeguo allo stile del blocco di testo in modo da poter aggiungere qui alcuni componenti di stile.
‫E io uso il tag di stile e dico che il tipo di destinazione di questo stile dovrebbe essere il blocco di testo stesso perché potrebbe
‫essere componenti all'interno del blocco di testo, ma per ora sarebbe codice.
‫Ma in generale, qui abbiamo questo centro che definisce lo stile.
‫Quindi questo è qualcosa che viene fatto subito, giusto?
‫Non dobbiamo attivarlo.
‫Ma poi possiamo aggiungere trigger di stile che contengono un trigger, che quindi imposta le cose.
‫E dobbiamo specificare quale dovrebbe essere la proprietà per attivare questo trigger.
‫Quindi è più finita quando è vero?
‫Voglio che i centri vengano eseguiti e questo direbbe semplicemente, OK, voglio cambiare la proprietà in primo
‫piano con il valore di rosso e voglio impostare le decorazioni delle tasse di proprietà sul valore di sottolineato.
‫Quindi puoi aggiungere più setter diversi qui, se lo desideri, e questo verrà attivato ogni volta che questo
‫qui viene eseguito e verrà eseguito se Ismael è finito è vero.
‫Quindi eseguiamo il codice e vediamo come funziona in azione in modo da averlo.
‫Ciao, amato mondo, e ci passo sopra.
‫E come puoi vedere, la dichiarazione di testo è in linea.
‫Quindi il testo è sulla riga e il valore in primo piano è rosso.
‫Quindi questo colore va dal verde al rosso.
‫Va bene.
‫Quindi è così che puoi semplicemente andare avanti e utilizzare i trigger di stile o i trigger in generale.
‫E qualcos'altro che potresti vedere che quando il valore torna a cadere, torna al suo valore originale, quindi
‫sottolinea e leggi non è più vero.
‫Quindi tornano semplicemente al suo valore originale, che era verde per il primo piano e sulla riga era from o
‫false in modo che la dichiarazione di testo non fosse sulla riga.
‫Ora andiamo avanti e creiamo un altro blocco di testo, che sarà in una griglia univoca.
‫Quindi voglio avere più griglie una sopra l'altra.
‫Avrei potuto usare un involucro diverso, ma userò solo la griglia qui e là.
‫Ho di nuovo un blocco di testo e questa volta dovrebbe dire qualcosa del tipo "Ciao, amico".
‫Ciao amico.
‫E ora lì imposterò la dimensione del carattere su 24.
‫La dimensione del carattere sarà ventiquattro.
‫Quindi voglio che questa sia una linea centrale anche per l'allineamento orizzontale e verticale.
‫E poi questo blocco di testo dovrebbe avere uno stile.
‫Quindi modellerò più cose qui.
‫Prima di tutto, voglio aggiungere qui il tag di stile del blocco di testo.
‫Lì, aggiungerò uno stile e sarà di nuovo il tipo di blocco di testo di destinazione e qui posso creare
‫trigger di eventi.
‫Quindi hai visto il trigger di stile qui, che era semplicemente un trigger.
‫Ma ora voglio eseguire un trigger di evento, che sarà leggermente diverso.
‫Quindi creiamo uno stile che attivi prima il tag trigger.
‫E qui voglio avere un trigger di evento e questo verrà eseguito quando l'evento indirizzato è vero e l'evento indirizzato
‫sarà l'invio di Mou.
‫Quindi verrà attivato ogni volta che entriamo in questo blocco di testo con il nostro mouse.
‫Quindi è praticamente la stessa cosa che abbiamo visto qui.
‫Questa proprietà è stata passata con il mouse, ma non stiamo usando un trigger.
‫Stiamo usando un trigger di evento e vedrai la differenza in un secondo.
‫Ora, in quel trigger di evento, posso andare avanti e creare un evento.
‫Le azioni trigger sono in realtà più azioni.
‫Quindi ho questo altro tag e qui ora posso creare tutte le diverse azioni che voglio eseguire
‫quando viene attivato questo trigger di evento.
‫Quindi, ogni volta che entriamo con il mouse, quindi creiamo un'azione di attivazione dell'evento e ciò sarà fatto in questo
‫modo, inizia lo storyboard.
‫Quindi abbiamo bisogno di nuovo di questo tag storyboard.
‫Quindi creiamo uno storyboard e all'interno dello storyboard possiamo ora fare animazioni.
‫Quindi la doppia animazione sarà una continuazione che dura per una durata specifica.
‫E qui abbiamo zero come ore, zero minuti, zero secondi e cinquecento millisecondi.
‫Quindi, nell'arco di cinquecento millisecondi, voglio che questo venga eseguito.
‫Quindi questa animazione da eseguire e poi voglio cambiare la dimensione del carattere.
‫Ma ora per modificare la dimensione del carattere, devo utilizzare la proprietà di destinazione del punto dello storyboard.
‫Quindi è molto simile impostare una proprietà che abbiamo visto qui, ma cambiamo le dichiarazioni di testo e la
‫impostiamo per sottolineare che dobbiamo usare questo approccio qui, invece la proprietà di destinazione dello storyboard.
‫E qui posso dire quale proprietà voglio cambiare.
‫Quindi voglio cambiare anche la dimensione del carattere.
‫E ora posso specificare il valore.
‫Quindi qui c'è una proprietà due e ho impostato il valore su settantadue.
‫OK, questa è la doppia animazione che eseguiamo qui.
‫Quindi è simile a quello che abbiamo visto qui.
‫Solo i valori sono o i nomi sono diversi.
‫Quindi questa era una proprietà, ma ora è la proprietà di destinazione dello storyboard.
‫Quindi abbiamo il valore che era sulla riga, ma ora sono le due parole chiave o le due proprietà che
‫dobbiamo cambiare.
‫Quindi questo è più o meno il modo in cui possiamo creare questa piccola animazione che verrà eseguita.
‫Quindi ora iniziamo quel codice e vediamo cosa sta succedendo.
‫Ciao amico.
‫E noi, come puoi vedere ora, è grande e non torna indietro.
‫Oh andiamo.
‫Torna alla dimensione normale e.
‫Beh, non importa quello che voglio perché non l'ho implementato.
‫Quindi ora è una piccola sfida per te.
‫Si prega di aggiungere un altro.
‫Evento qui, che farà proprio questo, quindi aggiungi un trigger di evento.
‫Solo un piccolo suggerimento, non è necessario ripetere tutto ciò, è sufficiente creare o riprodurre
‫questo codice.
‫Quindi, per favore, vai avanti e aggiungi la funzionalità.
‫Quindi, quando il mouse lascia questo blocco di testo, il testo torna alla sua dimensione originale, che era ventiquattro, e
‫questo dovrebbe essere fatto per una durata di, diciamo, trecento millisecondi.
‫Quindi, per favore, vai avanti e provalo.
‫Va bene, spero che tu l'abbia fatto.
‫Quindi copierò l'attivatore dell'evento, lo incollo appena sotto e invece di invio del mouse, inserirò
‫qualcosa come la foglia del mouse e la durata dovrebbe essere trecento millisecondi e la dimensione del carattere
‫dovrebbe essere impostato al valore di ventiquattro.
‫E questo è tutto.
‫Quindi questo è il trigger dell'evento di cui ho bisogno per tornare indietro ogni volta che il mouse lascia il libro di testo.
‫Quindi testiamolo di nuovo.
‫Ci siamo.
‫Ciao amico.
‫E ora lascia che lo lasci e torna indietro e torna indietro più velocemente di quanto non inizi, giusto.
‫Quindi quello era il testo o l'invio del mouse era di cinquecento millisecondi e l'uscita del mouse era di trecento
‫millisecondi.
‫Quindi puoi fare degli eventi piuttosto interessanti qui.
‫E come vedi, reagisce anche al volo.
‫Quindi torna subito indietro ed è piuttosto bello.
‫OK, quindi questi sono trigger di eventi.
‫Quindi hai visto trigger di stile che sono di tipo trigger e poi hai visto trigger di stile che sono
‫di tipo, evento, trigger.
‫Ora c'è un'altra cosa che vorrei aggiungere una casella di controllo con un piccolo testo sotto di essa che
‫verrà regolata.
‫Quindi questo utilizzerà l'associazione, l'associazione dei dati.
‫Abbiamo visto l'associazione dei dati prima e invece di essere in una griglia, dovrebbe essere in un pannello
‫impilato perché voglio impilare due cose.
‫Voglio impilare la casella di controllo sopra il blocco di testo.
‫Quindi all'interno del pannello dello stack, creo una casella di controllo e dovrebbe avere il nome di c. B.
‫Ciao, CME sta per checkbox.
‫Quindi il contenuto della casella di controllo sarebbe qualcosa del tipo è qualcuno il punto interrogativo.
‫Ora il pannello mi ha permesso di allinearlo così orizzontalmente e allinearlo anche verticalmente.
‫Quindi anche il Centro di allineamento verticale.
‫Va bene.
‫Quindi ora questa casella di controllo dovrebbe attivare qualcosa e dovrebbe cambiare i nostri libri di testo.
‫Quindi avremo bisogno di un blocco di testo e allineerò orizzontalmente anche quello.
‫Quindi fammi centrare il blocco di testo.
‫Quindi imposterò la dimensione del carattere del mio blocco di testo su trentasei.
‫Quindi dovrebbe essere sufficientemente grande ora all'interno del blocco di testo.
‫Voglio andare avanti e cambiarne lo stile.
‫Quindi è qualcosa che abbiamo già visto in alto.
‫Quindi usiamo questo stile di blocco di testo e il tipo di destinazione dello stile e specifichiamo il tipo di destinazione.
‫Quindi farò la stessa cosa qui.
‫Lo stile del blocco di testo quindi e qui creo un tag di stile e il tipo di destinazione dello stile.
‫Quindi l'obiettivo che ho è il mio blocco di testo.
‫Quindi voglio cambiare il blocco di testo.
‫E come lo faccio?
‫Bene, con i miei setter.
‫Quindi lo imposterò subito e questa volta il trigger sarà data, un trigger guidato dai dati, e non sarà un
‫trigger guidato da eventi come abbiamo visto qui.
‫Quindi trigger di eventi e così via.
‫Ma ora è un trigger guidato dai dati.
‫Quindi la proprietà del mio centro sarà proprietà.
‫Questo sarà il testo.
‫E voglio cambiare il valore del testo in qualcosa del tipo, no, e ora avrò un altro Sather
‫sopra e sotto di esso.
‫Quindi questo cambierà la proprietà chiamata primo piano.
‫Quindi dovrebbe solo cambiare il colore al valore del rosso.
‫Ora verrà eseguito immediatamente.
‫Destra.
‫Quindi abbiamo lo stile e non avevamo ancora alcun trigger.
‫Quindi questo sarà impostato.
‫Avremmo potuto fare la stessa cosa.
‫Avremmo potuto impostare il testo qui a livello di blocco di testo.
‫Avremmo potuto usare il valore del rosso nel livello del blocco di testo.
‫Destra.
‫Ma voglio solo mostrarti che questo è un approccio alternativo e questo ti aiuterà a fare quanto segue.
‫Quindi, in questo caso, avrò bisogno di un trigger dardo di stile.
‫Quindi ho bisogno di avere questo tag trigger di stile.
‫E ora e qui creo un trigger di dati.
‫Quindi, come vedete, abbiamo utilizzato trigger normali, che si basano su una proprietà.
‫Quindi abbiamo trigger guidati da eventi, che è un evento indirizzato che viene eseguito.
‫Quindi è più o meno la stessa cosa.
‫Ma in questo caso, sai, è un passaggio del mouse e un passaggio del mouse.
‫Ma in questo caso è una proprietà che lo attiva.
‫E in questo caso, è un evento reale e ora saranno i dati.
‫Quindi vedi tre diversi tipi di trigger.
‫Quindi anche questo trigger di dati imposterà le cose.
‫Ma ora, per eseguire il trigger, devo usare l'associazione in questo caso.
‫Quindi collegherò il nome dell'elemento chiamato c. B.
‫Ciao.
‫Qual è la nostra casella di controllo e questa per salutare.
‫Dovrebbe avere il percorso di è controllato.
‫Quindi controllerò che questo è il valore controllato e vado.
‫Ha detto che il valore è vero.
‫Ora, cosa succede se io.
‫Controlla che il libretto degli assegni sia a posto, alcuni setar dovrebbero essere eseguiti, quindi il centro con la proprietà di testo dovrebbe essere eseguito
‫e il suo valore dovrebbe essere impostato su qualcosa del genere, ovviamente.
‫Ora, la prossima lettera che vorrei aggiungere avrà la proprietà di primo piano, quindi cambierà
‫in proprietà in primo piano, al valore di verde, e questo è tutto.
‫Quindi questo è il nostro trigger di dati.
‫Andiamo avanti e lo eseguiamo in modo da avere i nostri due trigger basati su overs di massa o attraverso
‫quell'evento qui.
‫E poi se seleziono quella casella, facciamolo, boom.
‫E dice, ovviamente.
‫Quindi vedi che la nostra casella di controllo attiva questo ora e non è questo l'evento.
‫Quindi questo non è l'evento di controllo.
‫Si basa sui dati dietro di esso.
‫Quindi siamo vincolanti al valore verificato del nostro CB.
‫Ciao.
‫Quindi della nostra casella di controllo qui.
‫Quindi, come ho detto, è importante.
‫Destra.
‫Quindi avresti potuto fare la stessa cosa con un evento che viene attivato ogni volta che lo controlliamo, perché
‫sai che il controllo o è controllato potrebbe avviare un evento.
‫Quindi assegno cambiato o qualcosa del genere.
‫Destra.
‫Quindi, ma questa volta lo facciamo in base ai dati.
‫Quindi ogni volta che lo premo, questo verrà eseguito.
‫Va bene.
‫Quindi questi sono i tre diversi tipi di trigger e i diversi tipi di, beh, l'esecuzione di alcune
‫modifiche piuttosto interessanti nella tua interfaccia utente.
‫Grande.
‫Spero che tu possa capire tutto questo.
‫Consiglio di provare alcuni trigger di dati aggiuntivi, controlla qualcosa con un testo.
‫Quindi, se qualcuno inserisce un testo specifico, allora qualcosa dovrebbe essere cambiato o quel genere di cose.
‫Quindi puoi fare molte cose con Zemo senza dover toccare un codice dietro.
‫E questo è piuttosto bello.
‫Va bene, fantastico.
‫Allora ci vediamo al prossimo video.