Ganze Oberflächen
Oberflächen
Keine Ausschnitte und keine Mock-ups. Jedes davon ist ein Fenster, das das Toolkit gerendert hat, während diese Website gebaut wurde.
Die Demo-Anwendung
Jede Komponente in einem Fenster, mit Menüleiste, Reitern, Designwahl und einer laufenden Leistungsanzeige in der Fußzeile.
Dasselbe Fenster, von rechts nach links
Die Demo-Anwendung unter dem ar-Bündel mit umgekehrter Richtungsachse: Menüleiste, Reiter, Felder, Bildlaufleisten und die Leistungsfußzeile lesen von rechts, und der Text darin verbindet und ordnet sich, wie Arabisch es verlangt. Kein Bildschirm wurde umgeschrieben — die Richtung ist eine vererbte Achse, gesetzt wie eine Steuerelementgröße.
Ein Formular
Beschriftungen, ein validiertes Feld, eine Auswahl, ein Schalter und die Aktionszeile: das ausgearbeitete Beispiel aus der Formular-Anleitung.
Ein gesetztes Fenster
Eine Werkzeugleiste, eine Seitenleiste neben einem Inhaltsbereich und eine Statuszeile: das ausgearbeitete Beispiel aus der Layout-Anleitung.
Jede Größenstufe
Dieselben fünf Bedienelemente, fünfmal, von XSMALL oben bis XLARGE unten. Keinem davon wird eine Breite, eine Schrift oder ein Innenabstand gegeben: jede Zeile bekommt eine Steuergröße und sonst nichts, und Innenabstand, Typografie, Eckradien und Trefferflächen bewegen sich gemeinsam.
Der 3D-Viewport
Physikalisch basierte Materialien unter drei Lichtern, in ein lineares HDR-Ziel gerendert und als 2D-Ebene zusammengesetzt. Eine Scroll-Ansicht beschneidet ihn wie jedes andere Widget. Ziehen zum Kreisen, scrollen zum Zoomen.
Der Theme-Editor, als Widget zum Mitliefern
Eine Palette sind Daten, also ist ihre Bearbeitung ein Bildschirm; dieser ist ein Modul, das Ihre Anwendung einbetten kann, kein Werkzeug, das in unserem Repository lebt. Ziehen Sie den Ecken-Regler, und das Fenster kleidet sich im selben Bild neu ein: jedes Feld, jeder Knopf, jedes Farbfeld. Der Bericht daneben misst jede Tinte gegen jede Fläche, auf der sie landen kann, sodass eine Palette mit zu wenig Kontrast sichtbar scheitert.
