Figma: Interaktive Komponenten | Bruno Sáez López | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      01 Intro

      1:04

    • 2.

      02 Buttons

      6:33

    • 3.

      03 Funkknopf

      7:42

    • 4.

      04 Eingabe

      15:16

    • 5.

      05 Spinner

      7:44

    • 6.

      06 Ladeleiste

      5:23

    • 7.

      07 Slider

      4:54

    • 8.

      08 Illustration

      7:55

    • 9.

      09 Outro

      1:03

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

545

Teilnehmer:innen

1

Projekte

Über diesen Kurs

Hey!

Willkommen in diesem Tutorial! Hier lernst du, wie du in Figma interaktive Komponenten erstellen kannst. Ist eine neue Funktion, mit der du Interaktivität innerhalb einer einzigen Komponente haben kannst. Wenn du diese Komponente in einen Rahmen oder einen funktionierenden Prototyp einstellen willst, werden eigene Animationen oder Zustände eingebettet.

Wir erstellen interaktive Komponenten für Schaltflächen, Eingaben, Buttons, Spinner, Ladeleisten und wie man eine Illustration animiert.

Wenn du das interaktive components erkunden möchtest, um deinen Workflow in Figma zu verbessern, komm an diesem Kurs teil!

Hier kannst du das Tutorial Figma Dokument sehen:

https://www.figma.com/file/N7FzMtJkFqfrabgk65l2L6/Interactive-components?node-id=21%3A2249

Du brauchst nicht zu viel Erfahrung in Figma, um diesem Tutorial zu folgen, obwohl wenn du neu in Figma bist, empfehle ich dir, mit anderen Kursen zu beginnen, ich muss die Grundlagen lernen und dann zu diesem zurückkehren.

Gestalten eines Design von Grund auf :

https://www.skillshare.com/classes/Figma-create-a-Design-System/894614838

Master in Figma

https://www.skillshare.com/classes/Figma-using-Varianten/962464417

Triff deine:n Kursleiter:in

Teacher Profile Image

Bruno Sáez López

UX/UI Designer and Front-end developer

Kursleiter:in

Hey, I'm Bruno!

UX/UI Designer with more than 20 years of experience currently working in a big data company making complex products simple.

Figma, Sketch and Adobe XD are my favourite tools.

I love going to the mountains and record music.

If you like my classes follow me to be updated when new content arrives!

Cheers!

 

 

 

Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. 01 Einführung: Hey, willkommen zu diesem Kurs. In diesem Kurs werden wir sehen, wie interaktive Komponenten funktionieren. Fema gesehen, sind sie schon eine Weile da, aber in einer Beta-Version. Und schließlich wurden sie vor nicht allzu langer Zeit in der endgültigen Version von Figma implementiert. Wir werden also lernen, was Komponenten interagieren, wie sie hergestellt werden und wofür sie gut sind. Also werden wir interaktive Komponenten für Tasten, Radio über diese als Liter, als Anfänger herstellen . Balken laden, sogar Animationen, erstellen, kreativ, alle mit interagierenden Komponenten. Und Sie werden sehen, dass diese Ihre Prototypen lebendiger machen werden . Wenn Sie also daran interessiert sind und tiefer in die Erstellung konsistenterer Workflows in Figma einsteigen konsistenterer Workflows in , zog mich zu diesem Kurs. 2. 02 Knöpfe: Hey, also, vielen Dank für die Punktzahl der Einheit zwei. Wie wir im Intro gesehen haben, werden wir einige Interaktionen sehen. Wir können es tun. Wir haben interaktive Komponenten. Wie Sie hier im Optionsfeld sehen können, habe ich all diese Zustände wie Holger, wenn ich auf dasselbe klicke, wenn diese Schaltflächen, die ich habe, den homozygoten Zustand und den Zustand in allen von ihnen. Ich habe diese leichter als das Wochenende replizieren und es auch interaktiv machen. Diese sind hier BGR oder diese kleine Animation, die wir auslösen können , wenn wir auch auf einige Stellen klicken, diese Ladeleiste oder sogar diesen Eingabenamen, wie Sie sehen können, wenn ich dies im Hover-Status mache oder im Zustand haben wir diese coole Animation mit der Line-Leiste oder dem Schreiben, wie du es tippst, diese Animation im Eingabenamen und wenn ich auschecke oder den Mauszeiger verliere oder den Fokus auf die Eingabe verliere, wird es diese. Lasst uns also anfangen und lassen Sie uns hier eine weitere Basis erstellen , um unsere Komponenten zu erstellen. Das wird das Tutorial sein oder okay? Für diese fange ich einfach an, einen Frame zu benoten. Denken Sie daran, dass Sie einfach F. drücken können und ich füge diese MacBook Pro hinzu. Dies werden also unsere Unterbrechung der Komponenten sein. Und ich werde hier einen weiteren Frame erstellen , um mit dem Ding zu beginnen. Stunden-Komponenten. Das wird also ein Spielplatz sein. Okay? Lasst uns also mit den Knöpfen anfangen, denen ich denke, dass sie es sind. Es wird den ähnlichsten geben. Beginnen wir also damit, ein Rechteck der Höhe zu erstellen , wird 40 sein. Und ich werde einen Grenzradius von vier anwenden. Und lasst uns hier einen Test erstellen , der eine Flasche sein wird. Es spielt keine Rolle. Und mit diesen erstelle ich einfach ein automatisches Layout. Denken Sie daran, dass Sie die beiden Elemente auswählen und Altoid drücken, okay? Also werde ich einfach wie eine Primärspule oder so etwas machen, blau. Und das wird weiß sein. Ich erstelle einfach eine Komponente damit, okay? Und das wird unser Knopf sein. Okay? Unsere Schaltfläche als Wimpernstandard, dies wird unser Standardstatus sein. Ich werde es einfach duplizieren und die Niederländer es , weil wir mit dieser Komponente Baryons erstellen wollen. Okay? Und ich werde einfach hierher gehen und das ist HSL und werde einfach gelöscht und das wird unser Schwebezustand sein. Okay? Also haben wir also Komponente ja Person da drin geschaffen. Und jetzt werde ich es wieder anhängen und ich werde ein Clique-Estate erstellen, okay, also für B, also werde ich es nur ein bisschen dunkler machen . Fast schwarz. Es ist genauso gut. Also benenne ich diese einfach in Glick Estate um. Und das wird unser Schwebezustand sein. Okay? Also werde ich einfach, wie hier, wie Sie sehen können, noch keine Komponente ist. Also, und jetzt ist es eine Komponente. Und denken Sie daran, dass Invarianten. Was müssen Sie tun, bevor Sie Body on Seed erstellen die gewünschten Elemente auswählen. Und hier rechts, du ja, Brust kombinierst Varianten. Und was wird tun, ist eine Komponente mit verschiedenen Zuständen zu erstellen , okay, in diesem Fall ist die Eigenschaft dieses Datum. Und ich werde nur zuerst das Vorher setzen, dann den Hover-Status und das Klicken. Und jetzt kommen interaktive Komponenten ins Spiel. Und wenn wir hier in den Prototyp drücken und unseren ersten Button auswählen, wollen wir, wenn wir den Mauszeiger diesen Boden bewegen, in diesen verschachtelten Zustand geht. Okay, statt Clique, was wir wollen, dass diese wilden Schweben zu diesem Anwesen kommen, in den Schwebezustand der beiden V. Okay? Und dann eine nette Sache, es ist standardmäßig, ich denke, es kommt wie sofort hier in Animation. Und was ich denke, dass es das Beste ist, ist du nur in eine intelligente Animate steckst. Es wird also einen reibungslosen Übergang zwischen den beiden Staaten bewirken . Und wir können hier statt 300 Millisekunden setzen, ja, bringen Sie es auf 200. Okay. Also lasst uns das Gleiche damit machen. Wenn wir halb sind, wann, wenn wir den Staat ansprechen, was wir wollen das, während Sie in diesen Zustand kommen, okay? Beim Drücken kommt das Drücken in diesen Zustand, okay. Also überprüfe, dass er als Martin diese aktiviert und 200 Millisekunden aktiviert hat, du musst nur uns wie du willst. Aber ich denke, es ist ein nettes Dunkel. Versuchen wir es also mit unserem Knopf. Dafür werden wir also nur den alten Schlüssel brechen , um gasartig zu bringen. Oder wir könnten zu Vermögenswerten herkommen. Und in unserem Tutorial sollten nur über unsere Komponente, unsere Button-Komponente, informieren und ziehen Sie sie. Und mal sehen, ob es funktioniert. Kommen wir zum Spielplatz. Und wenn wir schweben, sehen wir, dass es es schafft. Und wenn wir klicken, ist es schwarz. Also funktioniert es. Unsere erste interaktive Komponente. Okay, also lasst uns in die nächste gehen. 3. 03 radio: Lassen Sie uns also für den Verschachtelungsentwurf der Komponenten gehen , während wir diese unterbrechenden, schrecklichen Geräusche da draußen haben . Der nächste wird also das Optionsfeld sein. Wird es sein, wird den gleichen Ansatz verfolgen wie es ist. Für diese werden wir also wie einen 24-Kreis schaffen. Und ja, und was wir wollen, ist immer die komplexeste Komponente zu schaffen. Und dann, und entfernen Sie dann einige Teile. Lasst uns also al-Banna streicheln, sagen wir so etwas. Und das Feld wird in diesem Fall weiß sein. Und eine wichtige Sache. Wie später werden wir einen ganz schönen coolen Hover-Effekt haben . Ich werde diese Ellipse einfach duplizieren. Ich fange einfach an umzubenennen. Dies ist also der ausgewählte Kreis. Dies wird unser Hintergrund sein , unser Hintergrundkreis. Und diese, die im unten ist. Das wird unser Schwebezustand sein. Okay, also boote ich wie Hover-Hintergrund. Du wirst es jetzt sehen. Also was wir jetzt wollen, es ist auch. Ja, wähle diese Farbe aus, lege nach draußen und setze wie drei. Das wird also unser Schwebezustand sein. Wir werden etwas mehr kriegen und nicht so hart. Dies wäre also unsere Auswahl mit einem Schwebegut. Vielleicht lege ich hier etwa vier in unseren Hubbard-Hintergrund, etwa vier, damit wir mehr sehen können. Und das wäre unsere großartige Komponente mit allen Elementen, mit der Hardwareauswahl, allem. Was wir hier jetzt tun werden, ist, eine Komponente zu erstellen und sie in das Optionsfeld umzubenennen ist ausgewählt. Schweben Sie. Okay? Wir haben also unsere erste Komponente und was wir tun wollen, ist sie zu duplizieren, da wir eine Instanz sehen können. Also wollen wir das ist diese Instanz bekommen. Und jetzt werden wir anfangen, hier Änderungen vorzunehmen. Das wird also weiß sein. Wir werden den Hover-Status schaffen, aber wenn er nicht ausgewählt wird. Also haben wir das und wir werden auch schaffen. Jetzt ist eine Komponente im Schädel in diesem Fall nicht ausgewählt. Oder Standardwert. Sie können es umbenennen oder benennen, wie Sie möchten. Okay? Also werde ich diese einfach noch einmal duplizieren und jetzt werden wir den Status erstellen, in dem der Standardstatus nicht ausgewählt ist und nichts Hubbard ist. Also für D ist das, was ich tun werde, ist dieser Schlaganfall, ich bringe ihn einfach in Weiß. Okay, das wäre also unser Standard-Optionsfeld. Also nicht ausgewählt. Default oder einfach so. Und ein weiterer Zustand, den ich nicht habe, ist nur ein ausgewählter Button, nicht mit dem Hover-Status. Also werde ich diese einfach abgezogen duplizieren. Also haben wir es von jetzt an wie eine unabhängige Komponente. Und wieder haben wir diesen Hafenhintergrund, und das wird ihn auf Weiß bringen. Wir haben also den Standardwert deaktiviert und den Hover-Status. Und jetzt werde ich wieder erstellen, das hat eine Komponente. Dies ist der ausgewählte, nicht Hafen. Dies ist der Standardstatus, also benennen wir ihn einfach um. Und wir haben all diese Termine hier für den Holober. Ich möchte einige Änderungen an diesen beiden vornehmen, weil wir, beim Schweben, gerne ein bisschen mehr markieren. Diese, weißt du, weißt du, diese Grenze hier. Wir haben also unsere vier Komponenten erstellt. Also werden wir sie wieder als Varianten kombinieren. Und ich werde diese nur ein bisschen neu anordnen weil Sie normalerweise ihr Optionsfeld so haben. Dann kommst du in den Horrorzustand. Wenn Sie klicken, gelangen Sie zum Peak- und Hover-Status. Und wenn Sie dann rausfahren oder mit der Maus rausfahren, kommen Sie in diesen Zustand. Und wenn ich hier klicke oder du wahrscheinlich hier bist, kommt es hierher. Okay? Beginnen wir also noch einmal mit unserem Prototyp hier. Was wir wollen ist, wenn wir hier schweben, kommt es zu diesem. Anstatt zu klicken, neigen wir dazu, eine Weile smart animate auf 100 Millisekunden zu schweben . Wenn wir hier klicken. Das ist gut. Wenn wir klicken, wollen wir es in den Status ändern, okay? Und das Gleiche hier. Wenn der Hafen draußen ist, wenn wir hier nicht mehr ohne Zeiger sind , was wir wollen, wollen wir in diesen Zustand kommen, okay, also hier ist es ein eigenes Mundblatt. Okay, kommt her. Und was wir wollen, wenn wir diese schwebten, kommt es zu diesem Zustand. Was machen wir also, ist es einfach hierher zu ziehen. Und während das Huren zu dieser ausgewählten Hoffnung kommt. Kommen wir also noch einmal auf unseren Spielplatz und kommen zu Vermögenswerten und bringen unser Optionsfeld für neue Philosophie mit. Und mal sehen, ob das funktioniert. Wenn ich schwebe, bringt es den Schweben. Wenn ich klicke, ist es perfekt. Und ich hab einen verpasst. Ich habe einen Zustand verpasst, wenn ich hier klicke, muss er auf die standardmäßige S-Form zurückkommen , die nicht ausgewählt wurde. Also kommen wir wieder her. Also kommen wir hierher und wenn wir hierher gehen, wollen wir in diesen Zustand kommen, okay, also das werden wir tun, auf Klick wird sich hier ändern. Also kommen wir wieder hierher unser Tutorial und jetzt klicken wir und wie Sie sehen können, haben wir es dort, okay? Und es fehlt etwas , weil ich jetzt nicht schwebe. Und wie Sie sehen können, ist der Hover-Status da. Es gibt also einen weiteren Schritt, den wir tun müssen, ist, dass wir schweben. Aber wenn was wir hier wollen, wann Maos Blatt, wenn wir nicht mehr dabei sind, wieder zu diesem kommt. Okay, also lass uns sehen, ob es jetzt funktioniert. Okay, das funktioniert. Und wenn wir das Blatt mit der Maus sehen können, hat es einen Standardstatus. Wir haben also unsere unterbrechende Komponente jetzt einwandfrei funktioniert. Gehen wir also zu einer anderen Komponente. Gehen wir mit der Eingabekomponente. Das ist ziemlich komplex. Also lasst uns das machen. 4. 04 Eingang: Okay, also lasst uns auch anfangen, unseren Input zu entwerfen. Lassen Sie mich hier wieder zur Seite anstelle des Prototyps wechseln . Wieder, wie wir es mit den Knöpfen gemacht haben, lassen Sie uns eine Höhe auf 40 setzen. Lassen Sie uns unseren Grenzradius für Lecithin einen Schlaganfall einsetzen. Hier können Sie die Eingabe erstellen, die Sie möchten und deren Stil, den Sie möchten, hier werden wir mit einem Weiß tun. In der Regel. Wie gesagt, dass ich am Anfang gerne die komplexesten, komplexesten Komponenten erstelle und dann beginne , Teile zu entfernen. Also lasst uns anfangen. Das wird wie ein Platzhalter haben. Und das ist normalerweise ein bisschen, ja, nicht so dunkel. Und auch eine andere Sache, die wir hier haben wollen, ist, wie der Name des Platzhalters, wie zum Beispiel der Name des oder dieser Eingabe wissen, ist Importlabel, okay? Oder nennen wir es einfach „Label“. In einigen Eingängen, wie im Material, ist der Platzhalter oder das Etikett ist normalerweise im Inneren und wird dann zum Etikett. Es ist also das Platzhalterbaby ganz am Anfang und Ketten wie die Arbeit. Das sind also etwas, was wir tun werden. Und für.org werden wir erstellen. Hier ist ein Auto-Layout. Und dafür drücken Sie einfach die Umschalttaste a und Sie sehen, dass wir jetzt hier ein automatisches Layout haben oder Sie können hierher kommen und mit der rechten Maustaste und Alpha und Auto-Layout drücken. Und was wir hier wollen, ist wie einen weißen Hintergrund darauf zu legen . Also wir ja, Brust plus. Und wir können sehen, dass dies zu groß ist und wir hier und da nicht so viel Platz brauchen. Also hier werden wir es in zwei Teile setzen. Und das wird auch zu zweit sein. In diesem Fall haben wir das Etikett hier dass es im Platzhalter nicht polarisiert. So und wie wir es mit diesem Optionsfeld gemacht haben, wir, wenn wir diese bewegen, wollen wir, wenn wir diese bewegen, eine Grenze, sich auf die Komponenten konzentriert. Also werde ich es einfach duplizieren und ich komme hierher, wie das gemacht wird. Das wird also Label heißen. Wir haben den R-Platzhalter hier, dann habe ich unseren Hintergrund. Und das wird der Hintergrund schweben. Okay? Das ist also der neueste. Das ist nicht der Grund, der diese vier wieder auf der Außenseite haben wird , wie wir es hier getan haben. Ich kopiere einfach den Stil. Dafür atmet ihr Kommando C aus und hier werden wir es einfügen. Ist unser Hintergrund geschoben. Also ja, er hat bezahlt, basiert auf dem Stil und macht das einfach. Okay, also haben wir fast alle Elemente. Also ja, lasst uns damit schon eine Komponente erstellen. Und das wird unser Input-Hover sein. Ja, das Eingabefeld schwebt. Okay, also nochmal, lass uns das duplizieren und trennen. Und was wir jetzt wollen, ist es, diese beschrifteten zu senken, was unser Platzhalter sein wird. Denken Sie daran, dass unser Platzhalter verschwinden wird. Also geben wir ihm die Deckkraft von 0. Und dieses Etikett wird die gleiche Größe wie ein Platzhalter haben. Also hier haben wir 16, 24. Jetzt werden wir diese auf 16 erhöhen. Okay? Und was wir wollen, dass dies sein soll, um sie hier an derselben Stelle zu haben wie diese Platzhalter. Also dafür, und das wird das loswerden damit wir es gut ausrichten können. Also entfernen wir dieses Auto-Layout. Jetzt ist es also am selben Ort, okay? Und wir sehen hier Datum sagen und diese SAP erleichtern. Also haben wir sie am selben Ort. Okay. Dies wäre also der Hover-Status, aber kein Feld oder was auch immer. Ja, das wäre der Standardwert, der Standard-Hover-Status, okay. Und ich erstelle einfach eine Komponente damit und dupliziere diese dann erneut. Der Datensatz, denken Sie daran, ich mache diese gerne und dupliziere diese Komponenten. Denn manchmal, wenn Sie diese Detailkomponenten duplizieren, haben sie die Namen geändert. Und wir müssen die genauen Namen hier in der Komponente , um auch den Übergang vorzunehmen. Okay, also der nächste Schritt hier wird unser Standardstatus sein. Sie sind sehr einfach die Eingabe, okay? In diesem Fall wird der Schlaganfall der Durchgang sein. Die Deckkraft dieses Schlaganfalls wird 0 betragen. Okay? Dies ist also unser Standardstatus. Und das wäre unser Bereich, dieser Staat tatsächlich. Also wann, wenn die Eingabe bereits Feld ist und wir einen weiteren Schritt hier wollen, weshalb wir tippen. Wir werden also replizieren, wenn wir auf eine wichtige Eingabe klicken. Solange du anfängst zu blinzeln. Und das wollen wir auch replizieren, okay? Und ganz am Anfang haben wir diesen Platzhalter dabei, wie wir uns helfen. Also kopiere ich das einfach und füge es hier ein. Das ist also gut. Und die gleiche Farbe und, und das wird unser Schreibgut sein. Okay? Wir werden jetzt sehen, dass das vielleicht ein bisschen verrückt ist. Im Moment wird die Handlung in Ordnung sein, also ja. Okay. Also haben wir sie ungefähr schon alle. Listen Sie also erneut alle Komponenten aus, die als Varianten kombiniert wurden. Diese Eigenschaft wird der Staat sein. Dies ist der Standardwert. Und wir haben die Übertreibung. Wir haben diese „Puw“. Ich hab es nicht so, tut mir leid. Ich hab vergessen zu essen, das war's. Also erstelle ich es als Komponente und du kannst es hierher ziehen. Und jetzt ruhen wir uns noch aus. Wir haben es gesehen. Wir werden sehen, dass wir vier Staaten haben. Sie sind Fault, was das ist. Wir haben den Hover-Status hier oder den Standardwert. Dann könnte dies das Feld sein, wenn , wenn die Eingabe ein Feld ist, hier diesen Hover haben werden. Und das wird der Schwerpunkt sein, wenn wir tippen. Okay, also lasst uns diesen Prototyp verbinden , um zu sehen, wie es funktioniert. Und später werden wir einige weitere Interaktionen zu seinen Komponenten hinzufügen , für also in diesem Fall wollen wir während des Schwebens hierher zurückkehren. Onclick. Warum? Wenn wir hier klicken, wollen wir wieder in diesen Zustand zurückkommen. Ehrlich gesagt werden wir hierher gehen. Und ja, bei Klick raus, als wir das rausschwebten, während wir auf Maos Blatt schweben, wollen wir in diesen Zustand kommen, okay? Und in diesem Zustand, was wir das wollen, wollen wir diese Grenze nicht. Also werden wir die Deckkraft auf 0 bringen. Also das ist das Feld, in dem der Staat ist, okay? Und das wird sein, dass sie Nachlass waren. Und für den Diabetes-Tag gibt es etwas Interessantes mit diesem Blinkeffekt. Für diese werden wir also weitere interagierende Komponenten erstellen. Es wird aus nur einer Zeile bestehen. Sagen wir, es ist etwas dabei. Mal sehen. Ja, etwas um das herum funktioniert. Und dafür wollen wir nur 22 Komponenten erstellen, eine mit dem Schwarz und eine mit der Norba, eine Breite 0 Basizität. Es wird also so sein, als würde man diese Änderungen vornehmen. Lass es uns sehen. Nennen wir ihn also blinzeln und schwarz sein. Und der andere wird sein, ich werde das anpassen und die Deckkraft auf 0 ändern. Und lassen Sie uns damit eine Komponente erstellen, die das Blinklicht ist. Und diese beiden Komponenten werden wir sie als Blink-Komponente kombinieren. Und wir haben hier, das wird schwarz und das wird das Licht sein, und das wird dieses Datum sein. Und was wir wollen, dass dies eine kontinuierliche Animation zwischen diesen beiden Elementen ist. Es ist also nicht so, während das Klicken keine Weile hinausschwebt. Wir wollen nur, dass das Ende von selbst zerlegt wird. Dafür kommen wir also zum Prototyp. Und wir haben diese, die andere Komponente, unsichtbare Komponenten. Was wir also tun werden, ist es nur um es zu verbinden. Und anstatt zu klicken, gehen wir nach Verzögerung zu. Also was wollen wir diese, wenn diese Komponenten, es ist dort, auf der Leinwand, Es wird von selbst anfangen, nach einiger Verzögerung zu arbeiten. In diesem Fall wollen wir, dass das sofort beginnt. Das bezieht sich also auf eine Millisekunde, ist der Mindestbetrag, den wir hier verwenden können. Wir können nicht 0 setzen, also ist es eine Millisekunde und in den Sternen die Tagesinteraktion. Okay, was wir hier sagen ist, wenn sich diese Komponente dem Bildschirm befindet, wird in einer Millisekunde beginnen. Also wird es sofort beginnen und dann mit einer intelligenten Animate in diesen anderen Zustand wechseln . Und hier werde ich diese 232300 Millisekunden erhöhen. Und was wollen wir das nach 300 Millisekunden aus diesem Staat, wir wollen zum ersten zurückkehren. Also erzeugen wir diese Illusion des Blinkens wie Schwarz, Deckkraft, schwarze Kapazität, Schwarz. Weißt du, wir werden sehen, wie das jetzt funktioniert. Anstatt also erneut zu klicken, gehen wir nach Verzögerung und setzen hier wie eine Millisekunde. Okay. Mal sehen, wie das funktioniert. Justin, unser Spielplatz. Okay, lasst uns sehen, wie das funktioniert. Also kommen wir hierher zu unserem Spielplatz, wir drücken Play und wir können sehen, dass es nichts tut. Ich weiß nicht, was hier los ist. Ja. Jetzt funktioniert es. Manchmal dauert es einige Male, bis diese beiden arbeiten, da wir, wie Sie sehen können, nur einen Rahmen haben und hier funktioniert alles. Wir haben unseren blinkenden Typ im Status. Also funktioniert es. Kommen wir also zurück zu unserer Unterbrechung dieser Komponente hier. Also werde ich das einfach los. Wir brauchen es nicht mehr. Ich glaube, wir sehen, dass es funktioniert. Und was wir tun, es ist, dass ich wieder im Gas bin, um diese Verknüpfungskomponente zu ziehen , oder wir könnten hierher zu Vermögenswerten kommen , hier blinken lassen, und ich werde es einfach zu unserem Intuit, dieser Komponente, hinzufügen , okay? Dies ist, wenn wir hier klicken und anfangen zu tippen. Nehmen wir an, wir haben diese blinkende Komponente hier. Okay? Also lasst uns in unseren Schichten sehen, ja, wir haben hier unser Blinzeln. Okay? Mal sehen, wie unser Input bisher funktioniert. Also weiter, Kommen wir zurück und drücken Play. Jetzt haben wir ja, es gibt etwas, das mir hier nicht gut geht. Ich habe vergessen, es zu verbinden. Dies ist nicht der Nachlass. Ich möchte, dass der Nachlass, den ich möchte, standardmäßig der Standardstatus ist. Also ja. Und ich habe hier etwas, das nicht richtig funktioniert. Also ja, wir haben den Standardstatus. Mal sehen wir uns unseren Prototyp an. Während du hier Ketten schwebst, während du auf Änderungen an der Eingabe klickst, okay? Und wenn man hier auf dem Mausblatt eintippt , wird sich hier ändern. Okay, also ja, es funktioniert, es funktioniert gut. Wenn wir also genau hierher schweben, sehen wir, dass wir diesen Zustand haben. Wenn wir klicken, ist es ein Stern wie wir schreiben. Und stell dir vor, wir haben etwas in den Input geschrieben und wenn wir aus seinem Feld schweben, okay? Die Eingabe ist also erledigt. Und hier, das Interessanteste für mich, ist es, wie man diesen blinkenden Nachlass in diesen Eingaben implementiert , okay, damit Sie komplexere Interaktionen erstellen können. Also lass uns mit einem S1 gehen. In diesem Fall wird d ein Spinner sein. Es ist ziemlich nett. Also lasst uns das machen. 5. 05 Spinner: Hey, also lasst uns einen Stopp machen, dass ohne einen Spinner dafür ich ohne einen Spinner dafür nur ein Rechteck erstellen werde. Um auch unseren Spinner zu sehen. Ich werde mit dir den Kreis von 32 mal 32 mit dieser schönen Größe erstellen . Und ich füge hier nur einen Schlaganfall hinzu. Nun, noch nicht. Also hier wird das ein weißer Strich sein. Sie können also sehen, dass dieser Bogen hier ist. Also was wir hierher kommen können. Und hier werden wir es wie 65 Prozent schaffen. Wir sehen also, dass wir das haben und keinen Schlaganfall mehr brauchen. Okay? Sie können also sehen, dass Sie es bewegen können und später werden wir tun. Und wenn Sie es so lassen können oder wenn Sie hier wie einen Grenzradius erstellen möchten, können Sie dann einfach drücken. Oder du schaffst es, weißt du, du kannst es schaffen, wie du willst, dann ist es gut für mich. Dies wird also unser Erster Nachlass dieses Spinners sein. Das wird also der Spinner als letzter sein. Oder du kannst es richtig oder oben nennen oder was auch immer, lass uns sagen, schreib sie. Okay, das wird unser erster Staat sein. Schon wieder. Wir sieben die Brust aus oder Alt, um es zu duplizieren und dann zu lösen. Wir machen das damit der Name gleich bleibt, okay? Ellipse 1. Und hier sehen wir den Namen dieses Elements, denselben, denn wenn Sie ganz am Anfang duplizieren, wird der Name in Ellipse 2 und 3 und 8, 4 geändert und später nicht die D-Animation auswählen. Es ist also wichtig, dass Sie, wenn Sie etwas intelligent animieren wollen, dieselben Namen benötigen, okay? Und die gleichen Elemente hier. Also, ja, was wir tun werden , ist, dass sich im nächsten Zustand nach unten drehen wird. Also dafür, was wir tun werden, Es ist dieses und dieses zu drehen. Wir wollen es wie minus 90 Grad. Und das wird unser Hintern sein, rechts, unten. Okay? Auch hier duplizieren wir es damit, das war's. Wir wählen das Element erneut aus und wir beziehen es mehr auf eine 180. Und es wird uns leid tun. Und das wird unser linker Hintern sein. Und wir brauchen den neuesten Staat. Es gibt wieder das Duplizieren der Niederländer , wählen Sie das Element aus und filmen Sie dann auch 90 Grad. Und wieder wählen wir dies aus und erstellen daraus eine Komponente. Und das wird LefTop sein. Und wir haben bereits alles was wir brauchen. Lassen Sie mich das einfach anpassen, damit wir sie besser animieren können. Lassen Sie mich das ein wenig ausrichten. Und die, bringen wir die beiden hier runter. Okay? Also werden wir einen Körper erstellen und mit all diesen Komponenten, die sie als Variante kombinieren werden, wird dies die Position sein. Okay? Fangen wir also damit an. Wir wollen hier anfangen, komm her, komm her, komm her, komm her. Okay. Oder könntest du einfach hier anfangen, wenn du bitte würdest. Aber das ist, fangen wir mit dem a an. Also kommen wir zum Prototyp her. Und was wir wollen, denken Sie daran, was wir mit dem blinkenden Zustand gemacht haben. Wir wollen autonom sein, damit es von selbst animiert wird. Nach einer Verzögerung von einer Millisekunden wollen wir stattdessen S durch smart diese animieren. Aber statt ISI rein und raus wollen wir eine lineare Bewegung. Es ist also linear. Wir haben keine ähnlichen Einbrüche in das ganze Anwesen, also haben wir es, wir wollen das Linear hier. Fangen wir mit 300 an. jetzt später sehen, Wenn wir jetzt später sehen, dass etwas niedriger ist, können wir diesen Wert ändern. Der nächste Schritt wäre also, auf diesen Nachlass umzusteigen. Und wieder gehen wir nach Verzögerung, eine Millisekunde, linear, 300 Millisekunden im Smart Animate. Und von diesem Zustand zu diesem, wieder, nach Verzögerung, eine Millisekunden Denier oder 300. Und wieder, wir haben es getan, das wird eine Schleife sein. Also noch einmal haben wir hier, wir wollen hier nach Verzögerung eine Millisekunden und 300 mit einer linearen. Okay, also probieren wir unseren Spinner hier aus. Also kommen wir hierher zu unserem Spielplatz und viel weniger von unserem Spinner hier. Okay, also, nun, ich werde etwas tun, ich werde das einfach los. Nun, ich werde diese zu blau ändern. Oder sogar ich werde ein bisschen kreativer sein. Sagen wir mal. Und lasst uns hier etwas anderes ausprobieren. Lass uns dieses Blau wählen, damit wir das loswerden können. Und was wir wollen das, wenn sich diese Bewegungen in der Farbe ändern werden. Also ja, zwei, um hier eine bessere Animation zu sehen. Coolere Animation, während die Farben nicht die besten sind. Aber ja, es wird unsere Barbiere retten. Okay, also hier drin möchte ich mit dem richtigen DOP anfangen. Okay, also fangen wir damit an. Mal sehen, wie das funktioniert. Auch hier dauert es eine Weile. Also soll die Animation beginnen. Und jetzt sehen wir, dass wir unseren Spinner haben und er ändert seine Farbe einwandfrei. Es ist ziemlich gut. Also lass uns zurückkommen. Und wie Sie sehen können, ist es ziemlich niedrig. Wenn du willst, dass es schneller geht, ist es ziemlich einfach. Lasst uns das ein bisschen hierher stellen. Also kommen wir zurück zum Prototyp. Und was wir tun wollen, ist dies zu ändern , sagen wir mal 150. Und wieder werden wir diesen auswählen, 150, 150, 150. Also kommen wir wieder her. Wir können sehen, dass dies jetzt viel schneller ist. Es ist besser. Okay, also haben wir unseren Spinner erstellt. Gehen wir also mit einem S1 , der unsere Ladeleiste sein wird, die dieser Komponente, die wir jetzt erstellt haben, ziemlich ähnlich ist . Wir sehen uns also in der nächsten Lektion. 6. 06 loading: Also werden wir eine Ladeleiste erstellen. Dafür werde ich einfach eine Bar erstellen große Mitarbeiter Recht haben. Und was wir wollen, ist hier einen konstanten Hintergrund zu haben . Was wollen wir dann, dass diese erschaffen? Weißt du, eine Bar mit, mit unserem Blau. Wählen wir hier unser Blau aus. Und wir müssen verschiedene Güter schaffen. Was wir wollen das, dieser Balken erscheint ganz am Anfang, dann gehe hier hinein. Und dann das sappy Jahr hier drüben, so etwas. Okay? Also ja, also werden wir das tun. Also brauchen wir verschiedene Zustände dafür und diese Balken, okay, das wird sein, Lasst uns in Schichten herkommen. Der graue wird unser Hintergrund sein. Und wir brauchen diese, die unsere Ladeleiste sein wird . Okay? Also werde ich schaffen, das wird wie der Zwischenzustand sein. Sagen wir mal. Ich werde diese in diesem Fall duplizieren , wie Sie sehen können, die Namen beibehalten, also ist es nicht das Hinzufügen von ein oder zwei oder drei, also sind wir bereit zu gehen. Und das erste Date, was wir wollen, ist nur ein leeres und leeres Ja. Und leere und leere Bar. Okay. Also für diese, was ich tun werde, es bringt das hier rein und macht das 0%, okay? Und dann, wie ein Staat sein wird, wollen wir, dass dieser Balken zu laden beginnt. Das wird also unser erster Staat sein. Dies wird unser zweiter Staat sein. Dann wird diese Bar in diesen Zustand kommen. Okay, also wird es in die Mitte kommen und größer sein. Und was wollen wir als Endzustand oder Zwischenzustand, ist dieser, und dieser Balken kommt hierher, also wird sich die Messlatte ein wenig dehnen. Und der letzte Zustand ist dem ersten ziemlich ähnlich. Aber auf der rechten Seite. Diese unsichtbaren Taktpunkte haben wir also Angst. Wir wollen das, wir wollen, dass es auf den angekommenen ausgerichtet ist. Also werde ich mich hier einfach nach rechts ausrichten. Und jetzt, wie wir sehen können, haben wir diese Bar, unsichtbare Bar dort. Also sind wir bereit zu gehen. Wir werden damit beginnen, Komponenten zu erstellen. Lassen Sie uns diese erste Komponente erstellen. Also lasst uns das noch ein anderes erstellen. Lasst uns das erstellen. Lassen Sie uns dieses und dieses schaffen. Dafür werde ich das gerade als Baryon kombinieren und diese in Load Embark umbenennen. Okay? Und dies wird der erste Staat sein. Das geht, das wird der zweite sein. Dies wird das dritte sein. Es wird der vierte sein, und dies wird der fünfte Staat sein. Okay. Und das wird dieses Datum sein. Also ordne ich das einfach neu an. Nicht wichtig und eigentlich, aber um die Dinge ordentlich zu halten. Und jetzt ist es an der Zeit, davon zu animieren. Also nochmal werden wir das verwenden, was wir im Spinner verwendet haben. Diese Interaktion, die 1 nach Verzögerung ist, wiederum eine Millisekunde, wollen wir es so intelligent machen. Und das wird etwa 20 bis 100 sein, tut mir leid. Und das wird vorerst linear sein. Und wieder machen wir die gleichen Dinge nach Verzögerung um eine Millisekunde wie Martin, er machte linear. Ja, also, und mal sehen, mal sehen, wie, wie es funktioniert. Eine Millisekunde. Denken Sie daran, dass dies wichtig ist. Ich weiß nicht, warum es den Wert nicht behält. Also muss ich es jedes Mal ändern, wenn ich nach Verzögerung zu mir komme. Also mal sehen, ob hier alles gut ist. Ja, alles Es ist auf einer Millisekunden. Also kommen wir wieder hierher zu unserem Spielplatz, kommen zu Vermögenswerten und bringen unsere Ladebar hierher. Etwas Wichtiges. Um dies wie eine Schleife zu machen, müssen wir die letzte wieder mit der ersten verbinden. Okay, also nochmal, nach dem Layer eine Millisekunde es, Mal sehen, wie das funktioniert. Auch hier muss ich R drücken, um die Komponente neu zu starten. Wow, das war ziemlich cool. Siehst du? Es führt also dazu, dass diese Art von Animation in der Mitte eskaliert und verschwindet. Es ist ziemlich gut. Also bin ich mit dem Ergebnis ziemlich zufrieden. Also lass uns sehen. Eine andere Komponente. In diesem Fall wird es sein und es ist leichter. Wir sehen uns also, das hat weniger als. 7. 07 Slider: Lassen Sie uns mit unserer interaktiven Komponentenreise fortfahren und lassen Sie uns später Tennis erstellen. Der Schieberegler ist also dem , den wir hier erstellt haben, sehr ähnlich . Lassen Sie uns also noch einmal wie ein Rechteck einer großen Quelle erstellen. In diesem Fall gehen wir zu einem anderen Grenzradius von 10. Es bekommt also, dass diese Verschiebungsgröße dort ist. Dann lasst uns wie 24 erstellen. Es ist also groß genug, dass wir mit diesem und dem Schieberegler arbeiten können. Genau das Gleiche wie. Die Ladeleiste hat, wir brauchen zwei Rechtecke, eines für den Hintergrund und 14 wenn, wenn der Schieberegler blau ist. Wenn wir das getan haben und Sie wissen, haben wir diese, diese wie Meter. Okay? Kommen wir also zurück zu unseren Ebenen und sehen, wie das geht. Was wir also hier wollen, ist unser Hintergrund. Um dies in den Hintergrund umzubenennen. Das wird unser Messgerät sein. Man kann es nennen, was immer du fühlst, für dich geht. Und das wird die schleppbare Arie sein. Also nenne ich es einfach Droge. Okay? Mit diesen Elementen haben wir alle, naja, und diese werde ich es nur ein bisschen weicher machen und das wird ein bisschen dunkler, etwas darum herum. Okay, also haben wir unseren Schieberegler hier. Also nochmal, was wir wollen, dass das voll ist, es ist, als wären sie fertig und fangen dann an zu rezensieren. Um zu beginnen, die Komponenten und Bewertungen zu verschieben oder ihnen Deckkraft zu geben oder um zu arbeiten. Okay, also haben wir unseren vollständigen Schieberegler hier, also werden wir eine Komponente erstellen, okay? Und in diesem Fall wäre der Schieberegler hier. Und was? Und dann werden wir dies als Instanz duplizieren. Denk daran, dass wir es getan haben, das war's Und wieder werden wir unsere Komponenten in die Hüfte bringen , um in den Ausgangszustand zu ersetzen, sagen wir, okay. Also für d ist das, was wir tun, ist ja, große R bar hier und fangen an, es hier zu überprüfen. Okay, also ist es der Himmel. Und das wäre unser ursprünglicher Nachlass. Wir erstellen wieder eine Komponente. Und wir haben zwei Komponenten, und das ist das Ende, dann ist dies ein orientalistischer Staat, okay? Und wieder wählen wir beide aus, kombinieren sie Massenvarianten, einen Staat. Und der erste wird es sein, also wird dies der erste Nachlass oder per Stern sein, dann ist das weg. Unser n, okay? Und wieder werden wir zum Prototyp kommen , was ich will, diesen Kreis, wenn ich anfange, diesen Kreis zu ziehen, wird er hier. Es wird zum Staat. Okay? Dafür werden wir es auch intelligent animieren. Und statt Clique wird Drogen nehmen, okay? Wenn wir anfangen zu fahren, wird dieser in den Staat kommen oder simulieren wie wir das fahren. Und wieder, wenn wir diesen Ball oder Kreis nach links fallen lassen, wird es anfangen, dieser Zustand zu werden. Okay? Also statt Glick, seiner eigenen Droge, okay, also mal sehen, wie diese Leistung wieder, wir kommen zu Vermögenswerten und wir haben mit unserer ESL begonnen, entweder werde ich sie jetzt umbenennen. Das ist also unser so leichter. Okay, also kommen wir her, wir kommen zum Schild und diese Komponente, wir werden sie in einen Schieberegler lesen. Okay, lasst uns sehen, wie das funktioniert. Schon wieder. Wenn wir also mit Dr. anfangen, sehen wir, dass es einwandfrei funktioniert. Okay? Und wenn wir anfangen zu ziehen und wir sehen, dass wir hier etwas ECM haben, was super cool ist. Also ist es schon erledigt. Gehen wir also zu unserem nächsten Sortier-Tutorial über das Erstellen von Animationen. Alle Felder, drei Zonen oder Icons oder so ähnlich. Also lasst uns das machen. 8. 08 Illustration: Hey, also lasst uns mit unserer letzten interaktiven Komponente gehen. In diesem Fall füge ich einfach ein Symbol ein, um es zu animieren. In diesem Fall verwenden wir das Sparty-Symbol , das ich gerade von einem quantifizierten Plugin hinzufügen werde. Also werde ich nur ein bisschen DES animieren. So können wir diese in unseren Prototypen sehen, wie diese Animationen in unsere implementiert wie diese Animationen in unsere implementiert werden können. Okay? Für diese werde ich also die Gruppierung aufheben und dies in einen größeren Rahmen einfügen , damit wir besser animieren können. Und wir können jetzt sehen, dass wir diese Elemente in einem größeren Rahmen haben . Okay, also das wird unsere Illustration sein . Wie der letzte. Das wird unser sein, naja, ich werde vorerst nur eins setzen. Und wie ich bereits sagte, ist es wichtig, Dinge zu benennen. Sie können also sehen, dass dieses Symbol aus vielen Vektoren besteht, aber alle haben den gleichen Namen. Das ist also ziemlich mühsam, aber Sie müssen sie umbenennen, um später entsprechend animiert zu werden. In diesem Fall werde ich einfach so booten, als wäre ich groß, wo immer du kannst, benutze einfach den Namen, den du willst. Ich werde das einfach los. Das wird der rote Schnabel sein. Du kannst den Namen angeben, den du willst. Okay? Also habe ich schon alles mit eindeutigen Namen umbenannt. Okay, also was wir hier tun können, ist unsere Illustration zu duplizieren, zu duplizieren und zu sehen , welche Zustände wir haben, wir wollen es haben, okay? also von Anfang an möchte, Was ich also von Anfang an möchte, dass all sein Element kleiner wird. Also werden sie von hier kommen, okay? Und sie werden halb wie eine Deckkraft von 0 sein. Also wird es von hier nach hier kommen. Und was ich dann will, ist eine Art Explosion, sagen wir mal. Also wird alles wie ein bisschen größer und wie Pop Off sein . Einige von ihnen sind kleiner. Dann komm her. Und das nochmal, so etwas. Und werde viel größer, wenn wir wollen. Auch hier werde ich einfach alle diese zufällig sein und ein bisschen größer runter bringen und ein bisschen größer dann anfangen, sie nach dem Zufallsprinzip zu positionieren. Okay, also werden wir sehen, dass ein super Teil D des Konfettifliegens ziemlich zufällig ist. Mal sehen, wie das zählt. Also haben wir diese Staaten hier. Und ich füge einen weiteren endgültigen Nachlass hinzu. Ich hoffe, dass sich die Dinge nicht ändern. Namen sind es nicht. Also was wir wollen, dass das herunterfällt, okay, also wollen wir, wie in diesem oberen Jahr herunterfallen , etwas um das herum. Das wird also wie eine Wendung sein. Also fühle ich mich so. Mal sehen, wie diese K-Maps, denn anders wie Sie sehen können, mache ich es super zufällig. Und was ich möchte, dass das diese Elemente genannt wird und sie verschwinden lässt. Also fangen sie an wie ein Update ganz am Anfang. Mal sehen, wie das läuft. Also erstelle ich mehrere Komponenten davon. Dafür werde ich einfach aufräumen. Ich werde das ein bisschen größer machen. Also sind wir hier keine Einschränkung. Und lasst uns das etwas gut machen, was auch immer. Das ist also unser dritter Staat. Okay, also jedenfalls werde ich nur ein bisschen benutzen und aufräumen. Und wir können alle diese Frames auswählen und mehrere Komponenten erstellen. Und diese Komponenten können wir sie wieder als Varianz rekombinieren. Und das wird unsere Illustration sein. Dies ist also der Ausgangszustand. Also werde ich nur sagen, und dies wird der Ausgangszustand sein, der Staat zwei, der Staat drei und der Staat vier. Okay, also das ist jetzt gut. Jetzt müssen wir zum Prototyp zurückkehren und damit anfangen, dies zu animieren. Was wir also noch einmal wollen, ist die Verzögerung zu bringen. Nach Verzögerung um eine Millisekunde diese Sterne anfangen zu arbeiten. Also wollen wir smart hinzufügen und weniger animieren. Führung. Lead ist vorerst nicht linear, um zu sehen, wie es funktioniert. Auch hier, nach einer Verzögerung, kommt eine Millisekunde zu dieser. Und wieder, nach einer Millisekunde, wollen wir, dass es in den Staat kommt. Und das Gleiche, was wir mit dem neuesten machen wollen. In diesem Fall möchten wir eine Schleife für einige Animationen wie diese erstellen . Vielleicht möchten Sie anderthalb und N beginnen . In diesem Fall möchten Sie also keine Schleife. Sie werden diese letzte Aktion hier importieren, okay, aber in diesem Fall wollen wir diese Schleife sehen, wie funktioniert es? Mal sehen, wie diese Illustration auftauchen wird. Vielleicht ist es schrecklich. Ich weiß es nicht. Mal sehen, wie es funktioniert. Ich bin ziemlich gespannt zu sehen wie, wie das läuft. So gut. Es ist ziemlich skurril. Ja, du siehst die Idee, oder? Es ist nicht so cool. Oder wie auch immer, ich hoffe, dass ich helfen kann, besser zu werden, aber du bekommst manchmal die Idee, wenn du zu einem Übergang zu einer Seite oder so etwas kommst und du so etwas sehen willst. Vielleicht ist es gut. Also nehme ich hier nur ein paar Änderungen vor. Um zu sehen, nun, sieht das viel besser aus. Und lasst uns etwas versuchen. Mal sehen, ob wir anstelle von linear einige einfache, erleichterte Übergänge machen , wie das funktioniert. Also lass uns sehen. Nun, das sieht langsam viel besser aus. Wir machen das mehr Zwischenstaaten , um es natürlicher zu machen, so etwas. Aber ich glaube, du verstehst die Idee. Also ja, das war unsere letzte Lektion dieses Tutorials. Gehen wir also zum Ende der Partituren zum Glückwunschvideo. 9. 09 Outro: Hey, herzlichen Glückwunsch, du hast es bis zum Ende geschafft. Ich hoffe, ich lerne halb alles über die Interaktion von Komponenten. Ich ermutige Sie, zu versuchen, die Wissenschaft, die wir im Tutorial gesehen haben, zu replizieren Wissenschaft, die wir im Tutorial gesehen haben und die Ihre eigene erstellen , um weitere Möglichkeiten der interaktiven Komponenten zu erforschen . Ich hoffe, dass es Ihnen insgesamt gefallen hat und Ihnen gefällt das Video, bitte hinterlassen Sie eine Rezension. Du magst es sogar. Hinterlassen Sie auch eine Bewertung. Und wenn Sie irgendeine Seite haben ja, die ihn für weitere Tutorials oder Sie interessieren sich für etwas , das Sie da draußen kein Tutorial gefunden haben, lassen Sie es mich einfach wissen und ich werde es schaffen. Und ja, wenn du benachrichtigt werden willst , wenn ein anderes Bild erscheint ja. Schaum auf der Plattform und Sie werden aktualisiert. Vielen Dank, dass Sie den Diskurs verfolgt haben und wünschen Ihnen einen schönen Tag.