‫Willkommen zurück.
‫In diesem Video möchte ich über Immobiliendaten und Ereignisauslöser sprechen, da sie ziemlich wichtig
‫sind, wenn Sie Dinge am Gold anpassen möchten.
‫In diesem Fall werde ich den Text hier anpassen.
‫Wenn ich also darüber gehe, fahre ich mit der Maus über den Text und ändert seine Farbe und sein Aussehen im Allgemeinen.
‫Dann das.
‫Hallo Kumpel.
‫Wie Sie sehen können, ist seine Größe nach oben gerichtet.
‫Es ist also wie eine Animation hier.
‫Und dann haben wir dieses Kontrollkästchen hier ist jemand da und dieser Text sagt nein.
‫Und ich klicke einfach darauf.
‫Und es heißt, natürlich ist da jemand.
‫Ich bin es also.
‫Ja, ich kann darauf klicken.
‫Dies sind also Dinge, die wir in diesem Video behandeln werden, und es
‫wird Ihnen ermöglichen, Ihre Benutzeroberfläche im Allgemeinen ziemlich gut zu gestalten, ziemlich ordentlich, da sie sich im Handumdrehen anpassen
‫kann und eine verbesserte Benutzererfahrung bietet oder eine verbesserte Benutzererfahrung zu schaffen.
‫Also lass uns weitermachen und hier ein neues Projekt erstellen.
‫Und ich werde 14 C nennen, die Eigenschaftsdaten sind und Trigger verhindern.
‫Was ich dort hatte, war eine Kombination aus Gittern und Stockplatten.
‫Also beginne ich mit einem Stick-Panel, danke Panel so.
‫Und innerhalb dieses Tech-Panels habe ich ein Raster und darin habe ich einen Textblock, der so
‫etwas wie Text sagt, hallo, geliebte Welt.
‫Unsere geliebte Welt, und dann habe ich eine Schriftgröße, also setze ich sie auf, sagen wir, 32, ich möchte,
‫dass dies zentriert ist.
‫Also sage ich zentriert und auch vertikal sollte es zentriert sein.
‫Ich sage also, dass in der nächsten Zeile auch die vertikale Ausrichtung zentriert wird, und ich werde
‫sie so schließen.
‫Da sind wir also.
‫Dies ist unsere geliebte Textwelt, und ich werde sie einschätzen.
‫Aber die kleine Datei.
‫Hier im Textblock kann ich zum Beispiel den Stil ändern.
‫Ich kann mehrere, mehrere Dinge tun und ich brauche einen Stil, um den Stil-Trigger zu verwenden.
‫Also füge ich einen Textblock dieses Stils hinzu, mit dem ich einen Stil erstellen kann.
‫Zum Beispiel muss ich hier einen Zieltyp hinzufügen, der unser Textblock sein wird, und innerhalb
‫des Stils kann ich fortfahren und einen Setter und Stiltrigger hinzufügen.
‫Also brauche ich zuallererst ein Zentrum, das im Vordergrund der Immobilien steht.
‫Also möchte ich den Vordergrund setzen.
‫Ich möchte den Vordergrund ändern.
‫Und ich möchte es auf grün ändern.
‫Der Wert wird also auf Grün gesetzt.
‫Und danach möchte ich Trigger haben, die das tatsächlich können, denn im Moment ist es nur grün.
‫Aber ich möchte, dass dies ausgelöst wird, und ich tue dies mit einem Stil, der jetzt innerhalb des Tags style triggers ausgelöst
‫wird.
‫Ich kann meine verschiedenen Trigger erstellen und habe nur einen Trigger, bei dem es sich um Mouseover handelt.
‫Die Eigenschaft für diesen Auslöser ist also meilenweit entfernt.
‫Immer wenn wir den Mauszeiger über diesen Text bewegen, möchte ich, dass dieser Trigger ausgeführt wird, und
‫ich möchte den Wert auf true setzen.
‫Mit einem großen T wie diesem kann ich innerhalb dieses Trigger-Tags meine Seder erstellen und das sollte im
‫Allgemeinen geändert werden.
‫Nehmen wir an, ich habe jetzt diesen grünen Text und möchte, dass dieser rot ist, wenn ich mit der Maus darüber fahre.
‫So wird die Mitte der Eigenschaft auf Vordergrund gesetzt oder die Eigenschaft Vordergrund auf den Wert von Rot gesetzt.
‫Immer wenn ich jetzt darüber fahre oder meine Maus darüber ist, wird dieser Trigger ausgeführt
‫und alle seine Setter werden ebenfalls ausgelöst oder am nächsten Samstag ebenfalls ausgeführt, ich möchte hinzufügen, dass
‫dies eine zentrale Eigenschaft ist.
‫Und hier sind es Textdeklarationen, die ich auf den Wert von underline setzen möchte.
‫Gut.
‫Schließen wir also das Setup und prüfen wir, ob unser Trigger funktioniert.
‫Das ist also nur ein Text, richtig.
‫Und schauen wir uns den Code jetzt etwas genauer an oder etwas ausführlicher.
‫Wir haben also dieses Raster.
‫Das ist in einem Zustandspanel und dort haben wir nur diesen Textblock, und das ist nur ein Text,
‫den wir hier sehen, diese Hallo Geliebte Welt, und hat eine Schriftgröße und ist zentriert.
‫Das sind also die allgemeinen Eigenschaften des Textblocks.
‫Aber jetzt passe ich mich dem Stil des Textblocks an, damit ich hier einige Stilkomponenten hinzufügen kann.
‫Und ich verwende das style-Tag und sage, dass der Zieltyp dieses Stils der Textblock selbst sein sollte, da es sich um Komponenten
‫innerhalb des Textblocks handeln könnte, aber das wäre vorerst Code.
‫Aber im Allgemeinen haben wir hier dieses Zentrum, das den Stil bestimmt.
‫Das ist also etwas, das sofort erledigt wird, oder?
‫Das müssen wir nicht auslösen.
‫Aber dann können wir Style-Trigger hinzufügen, die einen Trigger enthalten, der dann Dinge setzt.
‫Und wir müssen angeben, was die Eigenschaft zum Auslösen dieses Triggers sein soll.
‫Ist das meiste vorbei, wenn das wahr ist?
‫Ich möchte, dass die Zentren ausgeführt werden, und das würde einfach sagen, OK, ich möchte
‫den Vordergrund der Immobilie auf den Wert Rot ändern und die Grundsteuerdekorationen auf den Wert Unterstreichen setzen.
‫Sie können hier also mehrere verschiedene Setter hinzufügen, wenn Sie möchten, und das wird ausgelöst, wenn
‫dieser hier ausgeführt wird, und wird ausgeführt, wenn Ismael vorbei ist.
‫Lassen Sie uns einfach den Code ausführen und sehen, wie dies in Aktion funktioniert, damit wir es haben.
‫Hallo, Geliebte Welt, und ich schwebe darüber.
‫Und wie Sie sehen, steht die Textdeklaration in der Zeile.
‫Der Text steht also auf der Linie und der Vordergrundwert ist rot.
‫Diese Farbe ist also von grün nach rot.
‫Gut.
‫So können Sie einfach vorgehen und Style-Trigger oder Trigger im Allgemeinen verwenden.
‫Und noch etwas, an dem Sie sehen können, dass, wenn der Wert wieder sinkt, er wieder auf seinen ursprünglichen Wert zurückgeht,
‫also unterstreichen und lesen nicht mehr wahr ist.
‫Sie gehen also einfach auf ihren ursprünglichen Wert zurück, der für den Vordergrund grün war und in der Zeile
‫von oder false war, sodass die Textdeklaration nicht in der Zeile stand.
‫Lassen Sie uns nun einen weiteren Textblock erstellen, der sich in einem einzigartigen Raster befindet.
‫Ich möchte also mehrere Gitter übereinander haben.
‫Ich hätte einen anderen Wrapper verwenden können, aber ich werde hier und da nur Raster verwenden.
‫Ich habe wieder einen Textblock, und diesmal sollte er so etwas sagen wie: Hallo, Kumpel.
‫Hallo Kumpel.
‫Und jetzt stelle ich die Schriftgröße auf 24.
‫Die Schriftgröße wird vierundzwanzig sein.
‫Dann möchte ich, dass dies sowohl für die horizontale als auch für die vertikale Ausrichtung mittig eine Linie ist.
‫Und dann sollte dieser Textblock formatiert werden.
‫Also werde ich hier mehrere Dinge stylen.
‫Zuallererst möchte ich hier ein Tag im Textblockstil hinzufügen.
‫Dort füge ich einen Stil hinzu und es wird wieder der Zieltyp des Textblocks sein und hier kann ich
‫Ereignisauslöser erstellen.
‫Sie haben hier also den Style-Trigger gesehen, der einfach ein Trigger war.
‫Aber jetzt möchte ich einen Ereignistrigger ausführen, der etwas anders sein wird.
‫Lassen Sie uns also einen Stil erstellen, der triggert, indem Sie zuerst das triggers-Tag starten.
‫Und hier möchte ich einen Ereignisauslöser haben, der ausgeführt wird, wenn das geroutete Ereignis wahr ist und das geroutete
‫Ereignis Mous Eingabe ist.
‫Das wird also immer dann ausgelöst, wenn wir diesen Textblock mit unserer Maus eingeben.
‫Es ist also ziemlich dasselbe, was wir hier gesehen haben.
‫Diese Eigenschaft wurde mit der Maus überfahren, aber wir verwenden keinen Trigger.
‫Wir verwenden einen Ereignisauslöser und Sie werden den Unterschied in einer Sekunde sehen.
‫Jetzt kann ich in diesem Ereignisauslöser ein Ereignis erstellen.
‫Auslöseraktionen sind eigentlich mehrere Aktionen.
‫Ich habe also dieses andere Tag und hier kann ich jetzt alle verschiedenen Aktionen erstellen, die ich
‫ausführen möchte, wenn dieser Ereignistrigger ausgelöst wird.
‫Wenn wir also mit unserer Maus eingeben, erstellen wir eine Ereignis-Trigger-Aktion und das wird so gemacht, beginnen
‫Sie mit dem Storyboard.
‫Also brauchen wir dieses Tag wieder Storyboard.
‫Dann erstellen wir ein Storyboard und innerhalb des Storyboards können wir nun Animationen machen.
‫Die Doppelanimation wird also eine Fortsetzung sein, die über eine bestimmte Dauer läuft.
‫Und hier drin haben wir null als Stunden, null Minuten, null Sekunden und fünfhundert Millisekunden.
‫Ich möchte, dass dies über einen Zeitraum von fünfhundert Millisekunden ausgeführt wird.
‫Also diese Animation laufen lassen und dann möchte ich die Schriftgröße ändern.
‫Um jedoch die Schriftgröße zu ändern, muss ich die Storyboard-Punktzieleigenschaft verwenden.
‫Es ist also sehr ähnlich, eine Eigenschaft festzulegen, die wir hier gesehen haben, aber wir ändern die
‫Textdeklarationen und legen fest, dass wir diesen Ansatz hier verwenden müssen, stattdessen die Storyboard-Zieleigenschaft.
‫Und hier kann ich sagen, welche Eigenschaft ich ändern möchte.
‫Daher möchte ich auch die Schriftgröße ändern.
‫Und jetzt kann ich den Wert angeben.
‫Hier gibt es also eine two-Eigenschaft, und ich habe den Wert auf 72 gesetzt.
‫OK, das ist also die Doppelanimation, die wir hier ausführen.
‫Es ist also ähnlich dem, was wir hier gesehen haben.
‫Nur die Werte oder die Namen sind unterschiedlich.
‫Dies war also eine Eigenschaft, aber jetzt ist es die Storyboard-Zieleigenschaft.
‫Dann haben wir den Wert, der in der Zeile stand, aber jetzt sind es die zwei Schlüsselwörter oder die zwei Eigenschaften, die wir
‫ändern müssen.
‫So können wir also diese kleine Animation erstellen, die ausgeführt wird.
‫Lassen Sie uns nun diesen Code starten und sehen, was passiert.
‫Hallo Kumpel.
‫Und wir sind, wie Sie jetzt sehen können, es ist groß und es geht nicht zurück.
‫Ach komm schon.
‫Gehen Sie zurück zur normalen Größe und.
‫Nun, es ist egal, was ich will, weil ich es nicht implementiert habe.
‫Jetzt ist es eine kleine Herausforderung für Sie.
‫Bitte fügen Sie einen weiteren hinzu.
‫Event hier, was genau das tut, also fügen Sie einen Event-Trigger hinzu.
‫Nur als kleiner Hinweis, Sie müssen das alles nicht noch einmal tun, Sie müssen nur diesen Code
‫erstellen oder reproduzieren.
‫Also fahren Sie bitte fort und fügen Sie die Funktionalität hinzu.
‫Wenn die Maus diesen Textblock verlässt, kehrt der Text zu seiner ursprünglichen Größe zurück, die vierundzwanzig war, und dies
‫sollte über eine Dauer von, sagen wir, dreihundert Millisekunden erfolgen.
‫Also mach bitte weiter und probiere das aus.
‫In Ordnung, ich hoffe, Sie haben es getan.
‫Also kopiere ich einfach diesen Ereignisauslöser, füge ihn direkt darunter ein und anstelle der
‫Mauseingabe gebe ich etwas wie Mausblatt ein und die Dauer sollte dreihundert Millisekunden betragen und die Schriftgröße
‫sollte sein auf den Wert vierundzwanzig eingestellt.
‫Und das ist es.
‫Dies ist also der Ereignisauslöser, den ich brauche, um zurückzugehen, wenn die Maus das Lehrbuch verlässt.
‫Testen wir das also noch einmal.
‫Da sind wir.
‫Hallo Kumpel.
‫Und jetzt lassen Sie mich es verlassen und es geht zurück und es geht schneller zurück, als es beginnt, richtig.
‫Der eine war also der Text oder die Mauseingabe war fünfhundert Millisekunden und die Mausverlassen war dreihundert
‫Millisekunden.
‫Du kannst hier also ziemlich coole Events machen.
‫Und wie Sie sehen, reagiert es sogar im Handumdrehen.
‫Es geht also sofort zurück und das ist ziemlich cool.
‫OK, das sind Ereignisauslöser.
‫Sie haben also Style-Trigger vom Typ Trigger und dann Style-Trigger vom Typ,
‫Event, Trigger gesehen.
‫Jetzt möchte ich noch ein Kontrollkästchen mit einem kleinen Text darunter hinzufügen, der angepasst
‫wird.
‫Dieser wird also Bindung, Datenbindung verwenden.
‫Wir haben Datenbindung schon einmal gesehen, und anstatt sich in einem Raster zu befinden, sollte sie sich in einem gestapelten Panel befinden,
‫da ich zwei Dinge übereinander stapeln möchte.
‫Ich möchte das Kontrollkästchen über dem Textblock stapeln.
‫Also erstelle ich im Stack-Panel ein Kontrollkästchen und es sollte den Namen c haben. B.
‫Hallo, CME steht für Checkbox.
‫Dann wäre der Inhalt der Checkbox so etwas wie bei jemandem das Fragezeichen.
‫Jetzt lässt mich das Panel tatsächlich so ausrichten, dass es horizontal und auch vertikal ausgerichtet wird.
‫Also auch Vertical Alignment Center.
‫Gut.
‫Dieses Kontrollkästchen sollte jetzt also etwas auslösen und unsere Lehrbücher verändern.
‫Wir brauchen also einen Textblock, den ich auch horizontal ausrichten werde.
‫Lassen Sie mich den Textblock zentrieren.
‫Dann stelle ich die Schriftgröße meines Textblocks auf sechsunddreißig ein.
‫Er sollte also jetzt innerhalb des Textblocks ausreichend groß sein.
‫Ich möchte vorangehen und seinen Stil ändern.
‫Das haben wir oben schon gesehen.
‫Wir verwenden also diesen Textblockstil und Stilzieltyp und geben den Zieltyp an.
‫Also werde ich hier dasselbe tun.
‫Textblockstil dann und hier erstelle ich ein Stil-Tag und den Stil-Zieltyp.
‫Das Ziel, das ich habe, ist also mein Textblock.
‫Also möchte ich den Textblock ändern.
‫Und wie mache ich das?
‫Nun, mit meinen Settern.
‫Also werde ich sofort einstellen und dieses Mal wird der Trigger datengesteuert sein, ein datengesteuerter Trigger, und es wird kein
‫ereignisgesteuerter Trigger sein, wie wir hier gesehen haben.
‫Also Ereignisauslöser und so weiter.
‫Aber jetzt ist es ein datengesteuerter Auslöser.
‫Das Eigentum meines Zentrums wird also Eigentum sein.
‫Das wird der Text sein.
‫Und ich möchte den Wert des Textes zu etwas ändern wie, nein, und jetzt habe ich einen weiteren
‫Sather oben und unten unten.
‫Dieser ändert also die Eigenschaft namens Vordergrund.
‫Es sollte also nur die Farbe auf den Wert Rot ändern.
‫Das wird jetzt sofort ausgeführt.
‫Rechts.
‫Wir haben also den Stil und wir hatten noch keine Auslöser.
‫Das wird also eingestellt.
‫Wir hätten dasselbe tun können.
‫Wir hätten den Text hier auf Textblockebene einstellen können.
‫Wir hätten den Wert von Rot auf Textblockebene verwenden können.
‫Rechts.
‫Aber ich möchte Ihnen nur zeigen, dass dies ein alternativer Ansatz ist und der Ihnen dabei hilft, Folgendes zu tun.
‫In diesem Fall benötige ich also einen Style-Dart-Trigger.
‫Also brauche ich dieses Style-Trigger-Tag.
‫Und ab und zu erstelle ich einen Datentrigger.
‫Wie Sie sehen, haben wir normale Trigger verwendet, die auf einer Eigenschaft basieren.
‫Dann haben wir ereignisgesteuerte Trigger, bei denen es sich um ein Routing-Ereignis handelt, das ausgeführt wird.
‫Es ist also ziemlich dasselbe.
‫Aber in diesem Fall, wissen Sie, ist es ein Mauszeiger und eine Mauseingabe.
‫Aber in diesem Fall ist es eine Eigenschaft, die es auslöst.
‫Und in diesem Fall ist es ein tatsächliches Ereignis und jetzt werden es Daten sein.
‫Sie sehen also drei verschiedene Arten von Triggern.
‫Dieser Datenauslöser wird also auch Dinge einstellen.
‫Aber jetzt muss ich in diesem Fall die Bindung verwenden, um den Trigger auszuführen.
‫Also werde ich den Elementnamen namens c binden. B.
‫Hallo.
‫Welches ist unser Kontrollkästchen und dies zu hallo.
‫Der Pfad von sollte überprüft werden.
‫Also werde ich überprüfen, ob es sich um einen überprüften Wert handelt, und ich gehe.
‫Sagte, dass dieser Wert wahr ist.
‫Was passiert nun, wenn ich.
‫Überprüfen Sie, ob das Scheckheft gut ist, einige Setar sollten ausgeführt werden, also sollte das Zentrum mit der Eigenschaft von Text ausgeführt werden
‫und sein Wert sollte natürlich auf etwas wie gesetzt werden.
‫Nun, der nächste Buchstabe, den ich hinzufügen möchte, wird die Eigenschaft von Vordergrunds haben, also ändert
‫er sich in die Vordergrundeigenschaft, in den Wert von Grün, und das war's.
‫Das ist also unser Daten-Trigger.
‫Lasst uns weitermachen und das so machen, dass wir unsere beiden Auslöser haben, die auf Massenüberschreitungen oder durch dieses Ereignis
‫hier basieren.
‫Und wenn ich dann das Kontrollkästchen ankreuze, machen wir es, Boom.
‫Und es heißt natürlich.
‫Sie sehen also, dass unser Kontrollkästchen dies jetzt auslöst und das ist nicht das Ereignis.
‫Dies ist also nicht das Check-Ereignis.
‫Es basiert auf den Daten dahinter.
‫Somit sind wir an den geprüften Wert unserer CB bindend.
‫Hallo.
‫Also von unserem Kontrollkästchen hier.
‫Also wie gesagt wichtig.
‫Rechts.
‫Sie hätten also dasselbe mit einem Ereignis tun können, das immer dann ausgelöst wird, wenn wir es überprüfen, da
‫Sie wissen, dass Überprüfung oder wird überprüft ein Ereignis auslösen könnte.
‫Also check geändert oder so ähnlich.
‫Rechts.
‫Aber dieses Mal machen wir es auf der Grundlage von Daten.
‫Jedes Mal, wenn ich darauf drücke, wird dies ausgeführt.
‫Gut.
‫Dies sind also die drei verschiedenen Arten von Auslösern und verschiedene Arten, um einige ziemlich
‫coole Änderungen in Ihrer Benutzeroberfläche auszuführen.
‫Groß.
‫Ich hoffe du konntest das alles verstehen.
‫Ich empfehle, einige zusätzliche Datenauslöser auszuprobieren, etwas mit einem Text auszuprobieren.
‫Wenn also jemand einen bestimmten Text eingibt, dann soll etwas geändert werden oder dergleichen.
‫So können Sie mit Zemo viele Dinge tun, ohne einen Code dahinter anfassen zu müssen.
‫Und das ist ziemlich cool.
‫Alles klar, großartig.
‫Wir sehen uns also im nächsten Video.