‫Welkom terug.
‫In deze video wil ik het hebben over eigendomsgegevens en gebeurtenistriggers, omdat ze behoorlijk belangrijk
‫zijn als je dingen aan het goud wilt aanpassen.
‫Dus in dit geval zal ik de tekst hier aanpassen.
‫Dus als ik eroverheen ga, beweeg ik over de tekst en verandert de kleur en het uiterlijk in het algemeen.
‫Dan dit.
‫Hallo vriend.
‫Zoals je kunt zien, zijn de maten groter.
‫Dus het is hier als een animatie.
‫En dan hebben we dit selectievakje hier is iemand daar en deze tekst zegt nee.
‫En ik ga er gewoon op klikken.
‫En er staat, natuurlijk is daar iemand.
‫Dus ik ben het.
‫Ja, ik kan erop klikken.
‫Dit zijn dus dingen die we in deze video gaan behandelen, en het stelt je
‫in staat om, nou ja, je gebruikersinterface in het algemeen redelijk goed te maken, behoorlijk netjes, omdat het zich snel kan
‫aanpassen en het een verbeterde gebruikerservaring kan geven of creëer een verbeterde gebruikerservaring.
‫Dus laten we doorgaan en hier een nieuw project maken.
‫En ik ga 14 C bellen, wat eigendomsgegevens zijn en triggers voorkomen.
‫Wat ik daar had was een combinatie van roosters en stokpanelen.
‫Dus ik ga beginnen met een stokpaneel, zo'n dankpaneel.
‫En binnen dit technische paneel heb ik een raster en daarin heb ik een tekstblok dat
‫zoiets zegt als tekst, hallo, geliefde wereld.
‫Onze geliefde wereld, en dan heb ik een lettergrootte, dus ik ga dat instellen op, laten we zeggen 32, ik wil
‫dat dit gecentreerd is.
‫Dus ik ga zeggen centrum en ook verticaal zou het gecentreerd moeten zijn.
‫Dus ik ga zeggen dat in de volgende regel de verticale uitlijning ook gecentreerd zal zijn, en ik
‫ga het zo sluiten.
‫Dus daar zijn we.
‫Dit is onze tekst geliefde wereld, en ik ga het groter maken.
‫Maar het kleine bestand.
‫Dus hier in het tekstblok kan ik doorgaan en bijvoorbeeld de stijl veranderen.
‫Ik kan meerdere, meerdere dingen doen en ik moet een stijl hebben om de stijltrigger te gebruiken.
‫Dus ik ga een tekstblok aan die stijl toevoegen waarmee ik een stijl kan maken.
‫Ik moet hier bijvoorbeeld een doeltype toevoegen, dat ons tekstblok wordt en binnen de
‫stijl kan ik doorgaan en een setter en stijltriggers toevoegen.
‫Dus allereerst heb ik een centrum nodig dat op de voorgrond van onroerend goed wordt.
‫Dus ik wil de voorgrond instellen.
‫Ik wil de voorgrond veranderen.
‫En ik wil het veranderen in groen.
‫Dus het gaat de waarde op groen zetten.
‫En daarna wil ik triggers hebben die dat ook echt kunnen, want voorlopig is het gewoon groen.
‫Maar ik wil dat dit wordt geactiveerd en ik doe dat met stijl die nu wordt geactiveerd binnen de tag voor
‫stijltriggers.
‫Ik kan mijn verschillende triggers maken en ik heb maar één trigger, die met de muis overgaat.
‫Dus de eigenschap voor die trigger is mijlenver voorbij.
‫Dus wanneer we de muisaanwijzer over deze tekst bewegen, wil ik dat deze trigger wordt uitgevoerd en
‫ik wil de waarde op true zetten.
‫Met zo'n hoofdletter T, dus binnen die trigger-tag, kan ik mijn Seders maken en dat zal in het algemeen
‫veranderd moeten worden.
‫Dus laten we zeggen dat ik nu deze groene tekst heb en ik wil dat deze rood is als ik erover zweef.
‫Dus het centrum zal de eigenschap op voorgrond zetten of de eigenschap voorgrond instellen op de waarde rood.
‫Dus wanneer ik er nu over zweef of mijn muis erover is, zal deze trigger
‫worden uitgevoerd en alle setters worden ook geactiveerd of ook uitgevoerd in de volgende zaterdag, ik
‫wil toevoegen, wordt centrumeigenschap.
‫En hier zijn het tekstdeclaraties die ik wil instellen op de waarde van onderstrepen.
‫Oke.
‫Dus laten we de setup sluiten en kijken of onze trigger werkt.
‫Dus dit is maar een tekst, toch.
‫En laten we de code nu een beetje diepgaander of een beetje dieper bekijken.
‫Dus we hebben dit rooster.
‫Dat is in een statuspaneel en daar hebben we gewoon dit tekstblok, en dat is gewoon een tekst
‫die we hier zien, deze Hallo geliefde wereld, en heeft een lettergrootte en is gecentreerd.
‫Dat zijn dus de algemene eigenschappen van het tekstblok.
‫Maar nu pas ik me aan de stijl van het tekstblok aan zodat ik hier wat stijlcomponenten kan toevoegen.
‫En ik gebruik de stijltag en ik zeg dat het doeltype van deze stijl het tekstblok zelf zou moeten zijn, omdat het componenten binnen het
‫tekstblok zou kunnen zijn, maar dat zou voor nu code zijn.
‫Maar over het algemeen hebben we hier dit centrum dat de stijl bepaalt.
‫Dus dit is iets dat meteen wordt gedaan, toch?
‫Dat hoeven we niet te triggeren.
‫Maar dan kunnen we stijltriggers toevoegen die een trigger bevatten, die vervolgens dingen instelt.
‫En we moeten specificeren wat de eigenschap moet zijn om deze trigger te activeren.
‫Dus is het meeste voorbij als dat waar is?
‫Ik wil dat de centra worden uitgevoerd en dat zou eenvoudigweg zeggen: OK, ik wil de voorgrond van het onroerend
‫goed veranderen in de waarde van rood en ik wil de decoraties voor de onroerendgoedbelasting instellen op de waarde van onderstrepen.
‫Dus je zou hier meerdere verschillende setters kunnen toevoegen, als je wilt, en dat zal worden geactiveerd wanneer deze
‫hier wordt uitgevoerd en dat zal worden uitgevoerd als Ismael's over waar is.
‫Dus laten we gewoon de code uitvoeren en kijken hoe dit in actie werkt, zodat we het hebben.
‫Hallo, geliefde wereld, en ik zweef eroverheen.
‫En zoals je kunt zien, staat de tekstverklaring op het spel.
‫Dus de tekst staat op de lijn en de voorgrondwaarde is rood.
‫Dus deze kleur is van gaat van groen naar rood.
‫Oke.
‫Dus dit is hoe je gewoon door kunt gaan en stijltriggers of triggers in het algemeen kunt gebruiken.
‫En nog iets dat je kon zien dat wanneer de waarde weer daalt, deze teruggaat naar zijn oorspronkelijke waarde, dus
‫onderstrepen en lezen is niet meer waar.
‫Ze gaan dus gewoon terug naar de oorspronkelijke waarde, die groen was voor de voorgrond en op de regel
‫was van of onwaar zodat de tekstdeclaratie niet op de regel stond.
‫Laten we nu doorgaan en nog een tekstblok maken, dat zich in een uniek raster zal bevinden.
‫Ik wil dus meerdere roosters boven elkaar hebben.
‫Ik had een andere verpakking kunnen gebruiken, maar ik ga hier en daar een raster gebruiken.
‫Ik heb weer een tekstblok en deze keer zou het iets moeten zeggen als: Hallo, vriend.
‫Hallo vriend.
‫En nu daar zal ik de lettergrootte instellen op 24.
‫De lettergrootte wordt vierentwintig.
‫Dan wil ik dat dit zowel voor de horizontale als de verticale uitlijning ook een lijn centraal is.
‫En dan moet dit tekstblok worden opgemaakt.
‫Dus ik zal hier meerdere dingen stylen.
‫Allereerst wil ik hier een tekstblokstijltag toevoegen.
‫Daarin zal ik een stijl toevoegen en het wordt weer het doeltype tekstblok en hier kan ik
‫gebeurtenistriggers maken.
‫Dus je hebt hier de stijltrigger gezien, die gewoon een trigger was.
‫Maar nu wil ik een gebeurtenistrigger uitvoeren, die een beetje anders zal zijn.
‫Laten we dus een stijl maken die triggert, start eerst de triggers-tag.
‫En hier wil ik een gebeurtenistrigger hebben en die wordt uitgevoerd wanneer de gerouteerde gebeurtenis waar is en de gerouteerde gebeurtenis de
‫invoer van Mou is.
‫Dus dat wordt geactiveerd wanneer we dit tekstblok met onze muis invoeren.
‫Dus het is ongeveer hetzelfde als wat we hier hebben gezien.
‫Deze eigenschap is met de muis overgegaan, maar we gebruiken geen trigger.
‫We gebruiken een gebeurtenistrigger en je zult het verschil in een seconde zien.
‫Nu, in die gebeurtenistrigger, kan ik doorgaan en een evenement maken.
‫Triggeracties zijn eigenlijk meerdere acties.
‫Dus ik heb deze andere tag en hierin kan ik nu alle verschillende acties maken die ik
‫wil uitvoeren wanneer deze gebeurtenistrigger wordt geactiveerd.
‫Dus wanneer we met onze muis naar binnen gaan, dus laten we een gebeurtenistriggeractie maken en dat zal zo
‫gebeuren, begin met storyboard.
‫Dus we hebben deze tag opnieuw storyboard nodig.
‫Vervolgens maken we een storyboard en binnen het storyboard kunnen we nu animaties maken.
‫Dubbele animatie wordt dus een vervolg dat over een bepaalde duur loopt.
‫En hier hebben we nul als de uren, nul minuten, nul seconden en vijfhonderd milliseconden.
‫Dus over de periode van vijfhonderd milliseconden wil ik dat dit wordt uitgevoerd.
‫Dus deze animatie draaien en dan wil ik de lettergrootte veranderen.
‫Maar om nu de lettergrootte te wijzigen, moet ik de eigenschap storyboard dot target gebruiken.
‫Het lijkt dus erg op het instellen van een eigenschap die we hier hebben gezien, maar we wijzigen de tekstdeclaraties en stellen
‫deze in om te onderstrepen dat we deze benadering hier moeten gebruiken, in plaats daarvan de eigenschap van het storyboard-doel.
‫En hier kan ik zeggen welke eigenschap ik wil veranderen.
‫Dus ik wil ook de lettergrootte veranderen.
‫En nu kan ik de waarde specificeren.
‫Er is hier een eigenschap van twee en ik heb de waarde ingesteld op tweeënzeventig.
‫OK, dus dat is de dubbele animatie die we hier uitvoeren.
‫Het is dus vergelijkbaar met wat we hier hebben gezien.
‫Alleen de waarden zijn of de namen zijn anders.
‫Dus dit was een eigenschap, maar nu is het de doeleigenschap van het storyboard.
‫Dan hebben we de waarde die op de regel stond, maar nu is het het sleutelwoord twee of de eigenschap twee die we
‫moeten veranderen.
‫Dit is dus ongeveer hoe we deze kleine animatie kunnen maken die zal worden uitgevoerd.
‫Dus laten we nu die code starten en kijken wat er gebeurt dat we zijn.
‫Hallo vriend.
‫En we zijn, zoals je nu kunt zien, het is groot en het gaat niet terug.
‫Oh kom op.
‫Ga terug naar de normale maat en.
‫Nou, het maakt niet uit wat ik wil, want ik heb het niet geïmplementeerd.
‫Dus nu is het een kleine uitdaging voor jou.
‫Voeg a.u.b. nog een toe.
‫Evenement hier, dat precies dat zal doen, dus voeg een gebeurtenistrigger toe.
‫Gewoon een kleine hint, u hoeft dat niet allemaal opnieuw te doen, u hoeft alleen deze code te maken
‫of te reproduceren.
‫Dus ga je gang en voeg de functionaliteit toe.
‫Dus als de muis dit tekstblok verlaat, keert de tekst terug naar zijn oorspronkelijke grootte, die vierentwintig was, en dat zou
‫moeten gebeuren over een tijdsduur van, laten we zeggen, driehonderd milliseconden.
‫Dus ga je gang en probeer dat.
‫Oké, ik hoop dat je dat deed.
‫Dus ik ga gewoon die gebeurtenistrigger kopiëren, ik plak het net eronder en in plaats
‫van muisinvoer, ga ik zoiets als muisblad invoeren en de duur zou driehonderd milliseconden moeten zijn en de lettergrootte
‫zou moeten zijn ingesteld op de waarde vierentwintig.
‫En dat is het.
‫Dit is dus de gebeurtenistrigger die ik nodig heb om terug te gaan wanneer de muis het tekstboek verlaat.
‫Dus laten we dat nog eens testen.
‫Daar zijn we.
‫Hallo vriend.
‫En laat me het nu verlaten en het gaat terug en het gaat sneller terug dan het begint, juist.
‫Dus de ene was de tekst of de muis die binnenkwam was vijfhonderd milliseconden en de muis liet driehonderd milliseconden
‫achter.
‫Je kunt hier dus behoorlijk coole evenementen maken.
‫En zoals je ziet, reageert het zelfs on-the-fly.
‫Dus het gaat meteen terug en dat is best cool.
‫OK, dit zijn dus gebeurtenistriggers.
‫Dus je hebt stijltriggers gezien die van het type trigger zijn en dan heb je stijltriggers gezien die van het
‫type, event, trigger zijn.
‫Nu is er nog iets dat ik zou willen toevoegen aan een selectievakje met een kleine tekst eronder die zal
‫worden aangepast.
‫Dus deze gebruikt binding, databinding.
‫We hebben eerder gegevensbinding gezien en in plaats van in een raster te staan, zou het in een gestapeld paneel moeten staan,
‫omdat ik twee dingen op elkaar wil stapelen.
‫Ik wil het selectievakje bovenop het tekstblok stapelen.
‫Dus binnen het stapelpaneel maak ik een selectievakje en het zou de naam c moeten hebben. B.
‫Hallo, CME staat voor checkbox.
‫Dan zou de inhoud van het selectievakje zoiets zijn als iemand het vraagteken.
‫Nu laat het paneel me dat uitlijnen, zodat het horizontaal wordt uitgelijnd en ook verticaal wordt uitgelijnd.
‫Dus ook Vertical Alignment Center.
‫Oke.
‫Dus nu zou dit selectievakje iets moeten activeren en het zou onze leerboeken moeten veranderen.
‫We hebben dus een tekstblok nodig en dat ga ik ook horizontaal uitlijnen.
‫Dus laat me het tekstblok centreren.
‫Dan stel ik de lettergrootte van mijn tekstblok in op zesendertig.
‫Dus het zou nu voldoende groot moeten zijn binnen het tekstblok.
‫Ik wil doorgaan en de stijl veranderen.
‫Dat hebben we dus al aan de top gezien.
‫We gebruiken dus deze tekstblokstijl en stijldoeltype en we specificeren het doeltype.
‫Dus ik ga hier hetzelfde doen.
‫Tekstblokstijl dan en hier maak ik een stijltag en het stijldoeltype.
‫Dus het doel dat ik heb is mijn tekstblok.
‫Dus ik wil het tekstblok wijzigen.
‫En hoe doe ik dat?
‫Nou, met mijn setters.
‫Dus ik ga meteen aan de slag en deze keer zal de trigger data zijn, een datagestuurde trigger, en het zal
‫geen gebeurtenisgestuurde trigger zijn zoals we hier hebben gezien.
‫Dus gebeurtenistrigger enzovoort.
‫Maar nu is het een datagedreven trigger.
‫Dus het eigendom van mijn centrum wordt eigendom.
‫Dat wordt de tekst.
‫En ik wil de waarde van de tekst veranderen in zoiets als, nee, en nu zal ik er nog een
‫Sather bovenop en onderaan onderaan hebben.
‫Dus deze zal de eigenschap voorgrond veranderen.
‫Dus het zou gewoon de kleur moeten veranderen in de waarde van rood.
‫Dat wordt nu meteen uitgevoerd.
‫Rechts.
‫Dus we hebben de stijl en we hadden nog geen triggers.
‫Dit wordt dus ingesteld.
‫Wij hadden hetzelfde kunnen doen.
‫We hadden de tekst hier op tekstblokniveau kunnen instellen.
‫We hadden de waarde rood kunnen gebruiken in het tekstblokniveau.
‫Rechts.
‫Maar ik wil je alleen laten zien dat dit een alternatieve benadering is en dat dit je zal helpen om het volgende te
‫doen.
‫Dus in dit geval heb ik een stijldart-trigger nodig.
‫Dus ik moet deze stijltriggers-tag hebben.
‫En nu en hier maak ik een datatrigger.
‫Dus zoals je ziet, hebben we normale triggers gebruikt, die gebaseerd zijn op een eigenschap.
‫Dan hebben we gebeurtenisgestuurde triggers, een gerouteerde gebeurtenis die wordt uitgevoerd.
‫Het is dus ongeveer hetzelfde.
‫Maar in dit geval, weet je, is het een mouse over en een mouse enter.
‫Maar in dit geval is het een eigenschap die het activeert.
‫En in dit geval is het een echte gebeurtenis en nu worden het gegevens.
‫Je ziet dus drie verschillende soorten triggers.
‫Dus deze data-trigger gaat ook dingen instellen.
‫Maar nu, om de trigger uit te voeren, moet ik in dit geval binding gebruiken.
‫Dus ik ga de elementnaam met de naam c binden. B.
‫Hallo.
‫Dat is ons selectievakje en dit voor hallo.
‫Moet het pad van is aangevinkt.
‫Dus ik ga controleren of dit een gecontroleerde waarde is en ik ga.
‫Zei die waarde waar.
‫Wat gebeurt er nu als ik.
‫Controleer de bron van dat chequeboek, er moet een setar worden uitgevoerd, dus het midden met de eigenschap tekst moet worden uitgevoerd en
‫de waarde ervan moet natuurlijk worden ingesteld op zoiets als.
‫Nu, de volgende letter die ik zou willen toevoegen, zal de eigenschap voorgrond hebben, dus het zal
‫veranderen in de eigenschap voorgrond, in de waarde van groen, en dat is alles.
‫Dit is dus onze datatrigger.
‫Laten we doorgaan en dat uitvoeren, zodat we onze twee triggers hebben die gebaseerd zijn op massale overs of door die
‫gebeurtenis hier.
‫En als ik dan dat selectievakje aanvink, laten we het doen, boem.
‫En dat zegt natuurlijk.
‫Dus je ziet dat onze checkbox dit nu activeert en dat is niet de gebeurtenis.
‫Dit is dus niet de check-gebeurtenis.
‫Het is gebaseerd op de gegevens erachter.
‫We zijn dus gebonden aan de gecontroleerde waarde van onze CB.
‫Hallo.
‫Dus van onze checkbox hier.
‫Dus zoals ik al zei, het is belangrijk.
‫Rechts.
‫U had dus hetzelfde kunnen doen met een gebeurtenis die wordt geactiveerd wanneer we deze controleren, omdat u
‫weet dat controleren of wordt gecontroleerd een gebeurtenis kan starten.
‫Dus check gewijzigd of iets dergelijks.
‫Rechts.
‫Dus deze keer doen we het op basis van data.
‫Dus telkens als ik erop druk, wordt dit uitgevoerd.
‫Oke.
‫Dit zijn dus de drie verschillende soorten triggers en verschillende soorten, nou ja, het uitvoeren van een aantal
‫behoorlijk coole veranderingen in je gebruikersinterface.
‫Geweldig.
‫Ik hoop dat je dat allemaal zou kunnen begrijpen.
‫Ik raad aan om wat extra data triggers uit te proberen, check iets met een tekst.
‫Dus als iemand een specifieke tekst invoert, dan moet er iets veranderd worden of dat soort dingen.
‫Je kunt dus heel veel met Zemo doen zonder dat je een code erachter hoeft aan te raken.
‫En dat is best gaaf.
‫Goed, geweldig.
‫Dus tot ziens in de volgende video.