Axure RP 8 Wireframing für Fortgeschrittene

1. Einführung: Hallo dort, und willkommen zu meiner zweiten Drahtrahmenklasse mit aktuellen R P. Acht. Diese Klasse deckt ausführlichere und komplexe Themen und Fähigkeiten und Techniken ab, die perfekt für jemanden sein werden , der bereits ihre Füße nass mit tatsächlichen ER bekommen hat und nur ein bisschen mehr lernen und ihre Drahtrahmen wirklich auffallen, wenn Sie bereits meine Einführung in das aktuelle Video als Ihre perfekt für diese Klasse vorbereitet gesehen haben. Wenn nicht, würde ich vorschlagen, dass Sie wieder in mein erstes Video gehen, das eine Einführung in die eigentliche R P acht genannt wird, nur um Ihre Füße nass mit der Software zu bekommen. Und damit du weißt, wovon ich rede. Wie Sie durch diese Videos gehen, stellen Sie sicher, dass Sie über Ihr eigenes Klassenprojekt in den Kommentaren unten als auch sprechen, ein alle Fragen einreichen, so dass andere Schüler von Ihrem eigenen Lernen profitieren könnten. Danke und lasst uns loslegen 2. Meister und Gruppierungen: Diese erste Klasse deckt zwei wichtige Techniken ab, um Ihre Drahtrahmen effizienter zu gestalten. Die erste Technik wird Masters genannt, und die zweite wird Gruppierungen genannt. Jetzt benutze ich diesen Drahtrahmen, den ich in meiner allerersten Schauspielerklasse gemacht habe. Es ist nur ein wirklich einfacher Drahtrahmen. Also, wenn Sie das nicht haben oder nicht wissen, wie es zu schaffen ist, würde ich vorschlagen, zurück zu meiner ersten Klasse und Einführung in die Aktion zu gehen. Du verstehst also, wie das gemacht wurde. Jetzt habe ich meine Sitemap hier mit mehreren verschiedenen Seiten, aber sie sind jetzt alle leer. Ich weiß, dass ich mehr Bildschirme dieses Drahtrahmens erstellen möchte, aber ich möchte nicht jedes einzelne Element immer wieder erstellen müssen, weil das einfach zu viel Arbeit wäre. Aber ich kann etwas tun, das man einen Master erstellt. Und die Art, wie Sie das tun, ist, wählen Sie jedes Element aus, das Sie in Ihrem Master sein möchten. In diesem Fall werde ich nur Dinge auswählen, die ich sein möchte. Ah, irgendwie wie eine Vorlage für die verbleibenden Drahtrahmen-Bildschirme. Also wähle ich all diese aus. Sehen Sie, ich habe das große iPhone-Layout sowie die obere Leiste und den Burger und die Fußzeile ausgewählt . Ich klicke mit der rechten Maustaste und wähle die Option zum Master konvertieren aus. Und ich habe hier die Möglichkeit, meine Meister zu nennen. Ich werde es nennen, ähm, ähm, iPhone-Layout drücken Sie den Continue-Button, und ich kann sehen, dass das rot geworden ist, und das ist im Grunde mein neuer Meister. Wenn ich also hier unten auf den Masters Tab gehe und auf den Master klicke, kann ich meinen Meister sehen. Ah, und das ist im Grunde wie eine Master-Vorlage von dem, was immer Sie wollen. Dies könnte also ein Hintergrund für den Rest Ihres mobilen Drahtrahmens sein. Also, wenn ich das auf eine andere Seite ziehen wollte, kann ich das leicht tun. Ich klicke einfach darauf und ziehe es hier und jetzt habe ich die gleiche Vorlage, die ich hatte , die ich von Grund auf auf der Homepage erstellt hatte. Aber ich habe auch auf der zweiten Seite, und ich habe nicht so viel Arbeit genommen, um dorthin zu gelangen. So Meister Luft nützlich, wenn Sie mehrere Seiten haben und Sie wissen, dass das Layout das gleiche sein wird . So erstellen Sie einfach ein Master-Layout und Sie können dieses Layout kopieren und einfügen, wo immer Sie möchten. Ähm, natürlich, hier kann ich anfangen, Dinge auf meinem Master hinzuzufügen, wenn ich hinzufügen möchte, wissen Sie, vielleicht ist das ein anderer Bildschirm und ich möchte neuen Text hinzufügen. Wenn ich also in Bibliotheken gehe, meine Standardbibliotheken bei einer Überschrift hier ist dies vielleicht meine Homepage und Sie können sehen, ob ich den Master auf diese Weise verschiebe , geht es so oder so. Aber ich werde es einfach behalten, wo es war. Und dann dieser Text, ich werde das Zentrum bewegen. Und natürlich kann ich weiterhin Dinge in diesem Bereich hinzufügen. Dies wäre wie der Bereich, in dem, wissen Sie, ich könnte zusätzliche Funktionen hinzufügen, die nur auf der Startseite und nicht auf dem Anmeldebildschirm sichtbar wären , wie das, was wir hier haben, so Meister Luft nützlich auf diese Weise, Eine andere Sache, die Sie mit Mastern tun können, ist tatsächlich den Master selbst zu bearbeiten. Also, wenn ich hier unten in den Meister Schmerz klicke, kann ich tatsächlich den Meister selbst öffnen und anfangen, diese Stücke wie Vielleicht will ich so etwas oder so etwas wie uns zu bearbeiten . Und wenn ich dann zu den neuen Seiten gehe, können Sie tatsächlich sehen, dass die Änderungen auf allen meinen Mastern repliziert wurden. Das Ändern dieser Masters ist nützlich, weil Sie nie ein Problem haben werden, dies zu verschieben oder irgendwelche fehlplatzierten Elemente zu haben, wenn Sie gehen ,um weitere Änderungen an diesen verschiedenen Seiten , Jetzt nehme ich diesen Master und setze ihn auf die andere -Seiten. Auf diese Weise habe ich eine Vorlage von genau dem, was ich brauche. Ich könnte auch voran gehen und regnen in diesen Seiten jetzt, da es eigentlich meine Login-Seite ist, Dies wird meine Homepage sein. Ich bin mir nicht sicher, was das gerade sein wird, aber das Schöne ist, wie ich schon sagte, ich habe die Meister hier drin, also muss ich mich nicht wirklich darum kümmern, diese Vorlage immer wieder neu zu erstellen. Das nächste, was Sie tun können, ist etwas, das eine Gruppierung genannt wird, und eine Gruppierung ist nützlich, wenn Sie viele verschiedene Elemente haben. Aber du musst sie einfach nicht bewegen oder verändern, du weißt schon, du weißt schon, sie verändern oder was auch immer, aber du willst keine Dinge. Teoh, geh fehl am Platz. Du willst, dass sie irgendwie zusammen bleiben. Also hier haben eine Reihe von verschiedenen Elementen ausgewählt. Wenn ich mit der rechten Maustaste auf diese Elemente klicke, habe ich diese Option, die Gruppe sagt. Jetzt können Sie auf den Schmerz hier auf der linken Seite und den Umriss sehen. Diese Elemente sind jetzt unter dieser Datei namens Group verschachtelt, was super nützlich ist, weil ich jetzt tatsächlich nehmen kann, wer falsch ist. Wenn ich diese Gruppe tatsächlich auswähle, kann ich sie übernehmen und sie an eine beliebige Stelle ziehen. Und ich muss mir keine Sorgen machen, dass meine Elemente fehl am Platz sind, und ich muss mir keine Sorgen darüber machen, jedes Element einzeln über. Das ist also super nützlich, wenn Sie einen großen Drahtrahmen oder einen komplexen Drahtrahmen haben. Oder vielleicht haben Sie so etwas wie ein Formulardesign, bei dem Sie wissen, wie der Abstand zwischen den Elementen und Sie einfach nicht wollen, dass Teoh das in irgendeiner Weise durcheinander bringt. Wenn Sie manipulieren, bewegen die Dinge Dinge herum. Nun, du kannst es in dir tun. Dies ist innerhalb der Gruppe. Wenn Sie auf ein Element doppelklicken, können Sie dieses spezifische Element bearbeiten, so dass Sie immer noch zurückgehen und bestimmte Elemente bearbeiten können, wenn Sie möchten. Nun, das war's für diese Lektion. Die nächste Lektion wird über das Erstellen von Benutzerflussdiagrammen und User Journey Maps durch Actioner sein. Actual verfügt über spezielle, dedizierte Bibliotheken, in denen Sie Flussdiagramme erstellen können. Teoh erledigt Dinge wie Site-Maps oder User Journeys oder definiert den Ablauf Ihrer Anwendung für Ihre Stakeholder. 3. Flussdiagramme: Dieses Video wird über die Erstellung von Benutzerflüssen, Site-Karten und Task-Flows in tatsächlichen er, mit Akteuren eingebauten Tools. Also diese Art von Dingen sind wirklich nützlich, wenn Sie viele Bildschirme haben oder Sie vielleicht zeigen möchten , wie Benutzer sich in diesen Bildschirmen bewegen würden oder Sie die Site-Map zeigen möchten oder Sie möchten die Art und Weise zeigen, wie die Dinge für Ihre ah Stakeholder organisiert sind oder anderen Teammitgliedern. Das erste, was wir tun werden, ist eine neue Seite zu erstellen, um dieses neue Flussdiagramm anzuzeigen, und wir werden diese Sitemap nennen, weil ich Akteur-Tools verwenden werde, um eine Sitemap meiner Anwendung zu erstellen . Ah que ist auf die leere Leinwand gehen und das erste, was das nächste, was Will Dio ist zu Bibliotheken hier unten navigieren und wählen Sie die Bibliothek. Das ist sein Fluss, und Sie werden alle diese verschiedenen Formen sehen, die Sie verwenden können, um Ihre Sitemap zu erstellen . Und wir haben verschiedene Dinge. Rechtecke, gestapelte Rechtecke, ähm, du weißt schon, verschiedene Formen. Wir haben hier sogar eine Person, einen Schauspieler. Wir haben hier sogar eine Person, Also diese Luft nützlich. Wenn Sie ein Flussdiagramm haben oder einen Aufgabenablauf haben, den Sie irgendwie aufbauen möchten ,so dass die Leute es sehen können, und Sie werden viele dieser verschiedenen Formen sehen. , so dass die Leute es sehen können, Wissen Sie, Sie können diesen verschiedenen Formen und solchen Dingen verschiedene Aktionen zuweisen, je nachdem, was Sie tun möchten. Aber im Moment, wissen Sie, da wir eine Sitemap haben, ist das ziemlich einfach. Es wird nur vier Ah-Abschnitte haben. Ich werde nur das Rechteck benutzen. Nun, ich werde ja, ich werde Regie benutzen. Alle ziehen es hierher. Das ist also eine Form, die wir haben, und Sie sehen, dass sie die Form hat all diese, ähm, wissen Sie, kleine Orte, an denen Sie die Größe ändern können. Ähm, und das ist alles, was auch Orte sind, an denen Sie Verbinder hinzufügen können. Das ist also eine Form, also nennen wir das, ähm, wissen Sie, für unsere Site-Map für unsere Anwendung, wir haben vier Seiten, die wir einloggen müssen. Ah, Homepage-Konten, 70 Einstellungen und ein Nachrichtencenter. Und diese Luft noch nicht entworfen. Ich nenne sie einfach so. Ähm, nur damit wir ein paar Beispielseiten haben, von denen wir losgehen können. Also, um die Site-Karte zu erstellen. Ah, wir wollen die richtige Hierarchie haben. Also dies der obere Abschnitt wird die Homepage sein, wenn wir innerhalb der Homepage erstellen möchten sind zwei andere so genannte Kontoeinstellungen und Nachrichtencenter. Also können wir diese wahrscheinlich hier in der Mitte setzen, und wir haben auch den Login-Bildschirm. Also lassen Sie mich einfach kopieren, fügen Sie das ein. Ich habe die gleiche Form hier und wir rufen das Login an. So wie ich es arrangiert habe. Dies ist, dass wir die Homepage oben haben, weil dies irgendwie wie die oberste Ebene Seite ist. Ah, für alles, was wir innerhalb unserer Bewerbung tun werden. Das scheint ziemlich logisch zu sein. Und dann, weißt du, hier unten, haben wir noch drei andere Dinge, die Dio von der Startseite schwächen. Ich meine, das könnte einloggen, Schrägstrich sein, aber es sind nur Aktionen, die wir von der Homepage aus machen können. Dort sind Abschnitte irgendwie, du weißt schon, diese Luft. diese Weise ist die Hierarchie für meine Anwendung. Und so, ah, wissen Sie, diese unterscheiden sich nicht sehr von den anderen Formen, die tatsächlich in ihren anderen Bibliotheken hat. Weißt du, du hast die Standardbibliothek mit den verschiedenen Boxen und so. Aber die Flussbibliothek ist nützlich, denn wenn wir beginnen wollen, diese Formen zu verbinden, können wir tatsächlich in die obere linke Ecke gehen und das Verbindungswerkzeug auswählen. Und jetzt unsere Beträge haben es verändert Verbinder. Also können wir tatsächlich, wenn Sie den Mauszeiger über eine dieser Seiten bewegen, klicken Sie darauf und Sie können tatsächlich beginnen, Linien zwischen jedem Feld wie folgt zu zeichnen. Nun, ich habe tatsächlich unsere Boxen verbunden, und wir haben eigentlich eine Sitemap erstellt, und wir können das irgendwie anpassen. Sie können die Linien so anpassen, dass sie eine beliebige Form haben. Welche Größe auch immer Sie mögen, Sie können dies anpassen. Und jetzt sehen wir, dass wir die Homepage haben und wir haben drei Abschnitte, die aus der Homepage verzweigen , so dass wir hier tatsächlich die Hierarchie zeigen können. Und wenn Sie wissen, wenn wir mehr Seiten hier unten hatten, haben wir weiterhin mehr Abschnitte hier. Und vielleicht, wissen Sie, vielleicht haben wir Unterabschnitte auf jeder dieser Seiten. Weißt du, vielleicht hätten wir, wie, ah, ah, Unterabschnitt für Kontoeinstellungen und vielleicht möchte ich, dass das ist, dass wir immer noch im Connector-Modus sind, also gehen wir zurück zum Auswahlmodus hier oben, damit wir die Form dieser Box. Weißt du, vielleicht hätte ich, wie, andere Unterabschnitte unter Kontoeinstellungen, die ich sehen möchte, wie wir das weiterhin tun können , und Sie können die Zeilen wie diese mit jedem dieser Unterabschnitte verbinden. Und ich sage immer, wir haben die Anfänge einer Standortkarte. Und wieder, das ist super nützlich für Ihre Staatsgrenzen, und Sie können das Gleiche hier tun. Wir könnten sogar das ganze Zeug kopieren, abpacken und es hier ablegen. Vielleicht stellen Sie sicher, dass diese Anschlüsse Luftanschluss, und wir können dies auch weiterhin tun. Also sind die Fließsymbole super nützlich mit einem Schauspieler und, wissen Sie, nur um Ihnen eine Vorstellung von den anderen Icons zu geben, die hier sind, gibt es ein gestapeltes wissen Sie, nur um Ihnen eine Vorstellung von den anderen Icons zu geben, die hier sind, gibt es ein gestapeltes Rechteck. Manchmal verwenden wir dies und Benutzerflüsse. Ich weiß, dass die abgerundeten Rechtecke Luft oft verwendet wird, um eine Strömung zu initiieren oder zu beenden. Es ist so wie der Startpunkt oder der Endpunkt. , Wissen Sie, wir haben andere Formen, wie versuchen Sie es, Ziele. Schauspieler, ich gehe. Das könnte ähnlich sein. Dies könnte ein menschliches Element innerhalb eines Aufgabenablaufs simulieren. Ah, und andere Dinge wie das. Also und natürlich können Sie den Stil dieser ändern, wissen Sie, genau wie bei jedem anderen Element. Sie können die Farbe ändern. Ähm, du brauchst keinen großartigen und es könnte solide sein. Sie können den Rahmen ändern, damit Sie ihn so ändern können, dass er wirklich das ist, was auch immer Sie mögen . Es muss nicht diese Farblinie sein. Ich weiß, du kannst es so ändern, dass es rot ist. Sie können sich ändern, um grün zu sein oder was auch immer Sie tun möchten. Also, ja. Dies ist eine super einfache Möglichkeit, Ihre Sitemap zu veranschaulichen oder die Art und Weise, wie Sie die Anwendung sind sowie die Art und Weise, wie Sie wissen, vielleicht möchten Benutzer durch eine Anwendung fließen und sehen, wie sie tatsächlich funktioniert. 4. Einfache Interaktionen: Also wird dieses Video eine Einführung in Interaktionen und tatsächliche er sein, und damit meine ich, Ihre eigenen Interaktionen zu programmieren und Ihre Prototypen zum Leben zu erwecken und tatsächlich anfangen zu arbeiten, als wäre es das Echte. So können Interaktionen auf viele verschiedene Arten durchgeführt werden. Und ich werde mich für diese Lektion auf einen konzentrieren. Und dann für das nächste Video zeige ich Ihnen ein paar weitere Methoden. Um so zu beginnen, ich will Teoh. Beginnen Sie mit dem ah-Bildschirm, den ich das Nachrichtencenter aufgerufen habe. Und ich habe ein wenig Ah gebaut, du ich, weil ich eine Nachricht gesendet habe. Und was ich tun werde, ist eine Interaktion für diesen Button zu programmieren, den Sende-Button, so dass, wenn wir eine Nachricht senden, es tatsächlich einen anderen Bildschirm haben wird, der besagt, dass Ihre Nachricht gesendet wurde und das ist eine Nachricht. Bestätigungsbildschirm senden. Also, was wir tun, ist, dass wir auf die Schaltfläche klicken. Ah, das Element, das ein Knopf ist, und Sie öffnen den Schmerz der rechten Hand namens Inspector, und wir werden sehen, dass , wissen Sie, hier haben wir Inspektor, und es wurde das Rechteck hier inspiziert, damit wir können sogar nennen dies die Sendeschaltfläche und unter den gibt es drei Registerkarten hier gibt es Eigenschaften, Notizen und Stil, und unter der Registerkarte Eigenschaften ist, wo wir sehen, wie wir anfangen können, Interaktionen zu erstellen. Also Interaktionen sind hier, und es gibt viele verschiedene Ereignisse, die wir diesem Button zuweisen können. Wie Sie sehen werden, gibt es nicht auf einem Klick auf die Maus, geben Sie die Maus heraus und noch mehr Ereignisse hier unten Das sieht aus wie es etwa 15 bis 20 verschiedene Arten von Interaktionen, die wir tatsächlich auf diese Schaltfläche setzen können. Ähm, und wir konzentrieren uns auf Click, damit ich darauf klicke. Das heißt auf Click Ah, das der Schaltfläche ein Click-Ereignis zuweist. Also werde ich voran gehen und doppelklicken Sie auf Klicken und dies öffnet den Case Editor und der Case Editor ist, wo Sie ah, bearbeiten Sie alle Interaktionen, die Sie für Ihre diese verschiedenen Elemente auf Ihrem Prototyp so weiter wollen . Also haben wir auf Klicken, und wir wollen etwas passieren, wenn wir auf diese Schaltfläche klicken, und was wir wollen, ist, dass wir den anderen Bildschirm wollen, der Nachricht Bestätigung sagt. Wir wollen, dass das auftaucht, also was wir tun werden, ist Ah, für den Fall eins. Wir wollen einen Link öffnen. Klicken Sie also auf diesen Abschnitt, der den Link im aktuellen Fenster öffnen besagt. Also, jetzt fügen wir hier tatsächlich eine Aktion hinzu, und wir werden dann die Aktion in diesem dritten Schmerz hier drüben konfigurieren, und die Art, wie wir es tun werden, ist okay. Wir möchten auf eine Seite verlinken, die bereits in diesem Design ist. Das ist wahr. Wir möchten tatsächlich auf diese Seite die Nachricht verlinken, senden Sie eine Bestätigung, und Sie können sehen, dass dies nur die Liste aller Seiten ist. Es sagt nur, Sie wissen, wenn wir auf die Schaltfläche klicken, wollen wir einen Link öffnen und der Link wird eine dieser Seiten sein und Sie können tatsächlich auf alles verlinken, was Sie auf eine externe verlinken können. Du bist es. Ah ah, Sie können zurück zu einer vorherigen Seite gehen, wie wenn Sie auf eine vorherige Seite verlinkt hatten, Sie können tatsächlich zurück zu ihm gehen. Sie können die aktuelle Seite neu laden, so dass super nützlich, Um, Um, ein sehr intuitiv. Aber wir werden weitermachen. Und so wollen wir einen Link zu der Nachricht, Senden Bestätigungsbildschirm und wir werden klicken. Okay, und das war's. Das ist alles, was Teoh nahm eine Interaktion auf diesen Knopf sehen wird. Es gibt eine kleine Notiz hier, die besagt, Ähm, es ist eine kleine Notiz, die zeigt, dass , ja, wir haben eine Interaktion dafür, und Sie können sehen, und wieder in der oberen rechten Schmerzen, die wir jetzt programmiert haben Interaktion, die sagt, Okay, wenn wir auf die Schaltfläche klicken, passiert ein Fall in diesem Fall ist, diesen Bildschirm zu öffnen, der Nachricht Sohn Bestätigung im aktuellen Fenster genannt wird , so dass wir sogar testen können dies aus, würde gehen, um Vorschau, und jetzt öffnen wir es tatsächlich im Browser. Und das ist unser Prototyp. Wir können hier nicht einmal ein Thema eingeben, und Sie können sogar was auch immer, weil ich diese Textfelder erstellt habe, so dass sie tatsächlich sind, können wir sie tatsächlich eingeben. Und jetzt, wenn wir darauf klicken, geht es jetzt in den Bestätigungsbildschirm, was großartig ist. Das ist genau das, was wir wollen. Im nächsten Video zeige ich Ihnen einige kompliziertere Interaktionen. Ähm, die sind ziemlich einfach. Und wieder, wissen Sie, Sie haben so viele verschiedene Veranstaltungen, die Sie von hier aus wählen können. Es macht wirklich ein sehr leistungsfähiges Werkzeug, um funktionierende Prototypen zu erstellen. , Ich sehe dich im nächsten Video,in dem wir über ein bisschen mehr über Interaktionen reden , ,und ich zeige dir ein paar verschiedene Möglichkeiten, sie zu tun . 5. Dynamische Panels verwenden: Hi, alle. Dies wird also eine schnelle Klasse über eine Einführung in ein dynamisches Panels sein, das ein weiteres Video ist, das zusammen mit der Verwendung interaktiver Elemente innerhalb geht, um Ihre Prototypen interaktiv zu machen und zu arbeiten und zu fühlen und genau wie die echte Ding. Ähm, dynamische Panels sind Teil von Akteuren, Bibliotheken, Teil von Extras Standardbibliotheken. Also, wenn Sie auf der linken Seite in der Bibliothek zu zahlen, klicken Sie auf Standard und Sie scrollen hier nach unten , Sie werden eine Option hier für dynamische Panels sehen. Wenn du eine davon auf den Bildschirm ziehst, wirstdu dir einfallen, was wie ein normales Feld aussieht. Wenn du eine davon auf den Bildschirm ziehst, wirst Aber diese Arten von Panels sind etwas Besonderes, weil sie tatsächlich unterschiedliche Zustände haben, was bedeutet, dass Sie tatsächlich verschiedene Dinge in dieses Panel einfügen können, und sie werden zu verschiedenen Zeiten angezeigt, je nachdem, wann Sie möchten, dass sie angezeigt werden. Also, zum Beispiel, dieses Panel, das ich gerade in den Homepage-Bildschirm gezogen habe, hat dies bereits den Status ST eins gewonnen. Und ich kann Zustände hinzufügen, wie ich es wünschte, und Staaten sind einfach so, als wäre es das, was es sagt. Es ist irgendwie wie, Ah, Ah, ein Zustand des Seins, wenn Sie so wollen, von diesem Panel. Also alles, was in dieser Form ist, gewinnt den ersten Zustand. Jetzt eröffnen wir State Eins. Ah, wird Onley in ST eins sein. Es wird nur dort sein, wenn Sie Zustand eins zeigen. Also vielleicht werde ich hier ein Bild setzen, Justus Ein Beispiel. Ich könnte einen Text schreiben, also könnte so etwas in Zustand eins sein. Weißt du, es könnte alles sein, was du willst. Ähm, Sie können also in unserem Außenbereich sehen, dass diese tatsächlich unter Staat eins auftauchen. Und die Umrisse, die nach ST gehen, um zu schwächen, dasselbe zu tun, Ähm, und einfach etwas anderes zu setzen. Und natürlich könnten Sie weiter gehen und gehen und so viele Staaten tun, wie Sie möchten, zurück zur Startseite State One ist das, was hier auftaucht. Ah, aber wir wissen, dass wir einen anderen Staat haben, der „State to“ heißt. Und so ist dies der Anfang, wie Sie dynamische Panels verwenden, in denen wir wissen, dass wir unterschiedliche Zustände haben . Und jetzt wollen wir anfangen, zwischen diesen Zuständen umzuschalten. Also, wissen Sie, vielleicht könnten wir einen Knopf haben, auf dem steht, klicken Sie hier. Also, wenn ich eine Schaltfläche hier habe und ich möchte ändern, möchte ich dieses Panel interaktiv machen Mit dieser Schaltfläche. Ich kann tun, was wir in unserem vorherigen Video getan haben, das ist Doppelklick auf Klicken. Und hier haben wir ein paar Optionen hier im Case Editor. Wenn wir das dynamische Panel ändern möchten, gehen wir auf die Registerkarte, die sagt Widget zeigt, und wir können tun, Panel Zustand. Und zuerst schauen wir uns die Konfiguration von Aktionen gesetzt. Wir werden es tatsächlich sagen, zu sagen, da es bereits auf ST One anfänglich ist und wir klicken. OK, und jetzt erscheint diese Interaktion einer Schaltfläche hier. Also im Grunde, was wir tun, ist, wenn wir auf die Schaltfläche klicken, wird sich dieses Panel ändern. Alles, was in diesem Panel ist, wird in den Zustand wechseln, anstatt auf Zustand eins zu sein . Also, wenn wir wollen, um schnell eine Vorschau dieser und lassen Sie uns sehen, ob es funktioniert, wir sind auf der Homepage. Das ist also unser dynamisches Panel. Wir klicken hier und es sollte zu Zustand zwei gehen. Und es ging an Staat zwei. So sind dynamische Panels eine gute Möglichkeit. Teoh ad Ah, ganze Haufen interaktiver Elemente auf einmal. Oder wenn Sie einen Abschnitt Ihrer App haben, von dem Sie wissen, dass sich das Ganze ändern wird oder , wissen Sie, Sie wollen eine Reihe von verschiedenen, wie Sie sagen, Zustände sind Modi. Ah, von dem von genau wie in diesem bestimmten Abschnitt Ihrer App. So wie hier. Wir haben es gerade auf der Homepage gemacht und wir hatten gerade ein dynamisches Panel hier, das wir machen konnten. Das ist Bigas. Wir wollen sie. Ein kleines ist, dass wir wollen, ähm, wenn du weißt, dass du so etwas haben wirst. Dynamische Panels sind wirklich nützlich, da Sie nicht jedes einzelne Element gleichzeitig ändern müssen. Sie können einfach einen Status mit allen Elementen erstellen, die Sie benötigen und so vielen Zuständen wie Sie möchten mit so vielen Elementen wie Sie möchten, und sie werden sich alle auf einmal ändern. Das ist es also für dynamische Panels. Und das deckt das meiste ab, was Sie für Interaktionen mit einem Schauspieler wissen müssen 6. KURSAUFGABE: Okay, jetzt, da Sie die meisten Techniken in ACTU r p acht beherrscht haben und die meisten Techniken, die ich als Zwischen- bis Fortgeschrittene betrachten würde, einschließlich Dinge wie Benutzerflüsse, Interaktionen und dynamische Panels, Ihre Klassenzuweisung besteht darin, einen eigenen interaktiven Satz von Drahtrahmen zu erstellen, entweder mit einer Siteübersicht oder einem Aufgabenablauf abgeschlossen ist. Und stellen Sie sicher, dass Sie es veröffentlichen, um Handlungen zu teilen und in den Kommentaren, teilen Sie einen Link zu Ihrem neuen Satz von Drahtrahmen, so dass wir alle sie im Klassenzimmer sehen können. Und wir können alle kommentieren und vorschlagen Änderungen und Verbesserungen, usw cetera, etc.. Ähm, das könnte eine Reihe von Drahtrahmen für eine App sein, die Sie selbst erstellen möchten. Vielleicht ist es eine Idee, die du dir einfällt hast. Oder vielleicht ist es eine Neugestaltung einer bestehenden Anwendung oder einer bestehenden Website oder eines Produkts, die Sie denken, dass Sie besser machen könnten. Also würde ich gerne Ihre Projekte wieder sehen. Stellen Sie sicher, dass Sie Ihre Projekte auf Acts teilen veröffentlichen, erhalten Sie den Link und setzen Sie ihn in den Kommentaren in diesem Klassenzimmer, damit wir alle sehen können. Und wenn Sie Fragen haben, zögern Sie nicht, uns zu kontaktieren. Und viel Glück. Ich freue mich auf ihre Entwürfe