Die grundlegende Schnittstelle zu den meisten Fenstern Programmen ermöglicht eine grafische Benutzeroberfläche ( GUI oder ) Benutzer zu arbeiten und zu manipulieren einen Antrag über eine visuelle Schnittstelle mit einem Eingabegerät wie eine Maus oder Touchscreen . GUIs sind ereignisgesteuert - in anderen Worten, sie nehmen nur Maßnahmen in Reaktion auf eine Benutzer -Befehl. Trennen Sie den Code in einer Ansicht und Steuerung wird Ihnen helfen, zu visualisieren jede Stufe der GUI-Design . Views und Controller
Zunächst sollten Sie die Daten, die Sie dem Benutzer zu präsentieren und wie sie es manipulieren zu denken. Zum Beispiel in einem Textverarbeitungsprogramm die GUI zeigt das Dokument und der Benutzer interagiert mit ihm , indem Zeichen und wählen Sie Befehle aus einem Menü. Möglicherweise müssen Sie zusätzliche Fenster den Absätzen des Dokuments wie Bilder oder Tabellen zu bearbeiten. Es hilft, ein Diagramm trennt die verschiedenen Möglichkeiten der Benutzer anzuzeigen und zu manipulieren Daten , einschließlich einer Liste der grundlegenden Aktionen der Benutzer kann zu skizzieren.
Aktionen festlegen
Nach Sie haben die Möglichkeiten, Benutzer mit dem Programm interagieren berücksichtigt , sollten Sie definieren die Befehle , die sie verwenden , um die Aktion durchführen wird . Viele GUIs definieren mehrere Möglichkeiten , die die gleiche Wirkung . Zum Beispiel , um eine neue Datei in einigen Programmen zu erstellen , hat der Benutzer die Wahl, eine Taste zu drücken , gehen in das Hauptmenü und wählen Sie die Aktion oder über eine Tastenkombination . Eine Anwendung für ein Gerät wie einem Smartphone erstellt wurden, können noch mehr Optionen , wie z. B. einen Sprachbefehl oder Touchscreen Aktion. Für jede Aktion , die Liste auf die Verknüpfung und Befehle verwendet werden, um es auszuführen.
Definieren von Ereignissen
Befehle durch Ereignisse ausgelöst werden. Typischerweise werden diese Veranstaltungen von Eingabegeräten , wie eine Computer-Maus, Tastatur oder Touchscreen erzeugt . Wenn der Benutzer eine Maustaste klickt, zum Beispiel , erzeugt es ein zwei Ereignisse : eine " Maus nach unten ", wenn die Taste gedrückt wird und eine " Maus nach oben " -Ereignis, wenn die Taste losgelassen wird . Kombiniert man diese Low-Level- Veranstaltungen bildet eine einzelne High-Level- Veranstaltung namens " Maus gedrückt " oder " Maus angeklickt wird. " Für jeden Ihrer Befehle , sollten Sie definieren die damit verbundenen Ereignisse .
Steuerung Flow Diagram
Nachdem Sie die Ereignisse , die Sie verwenden definiert haben, sollten Sie ein Steuerelement erstellen Flussdiagramm , das gesamte Spektrum von Benutzereingaben für einen bestimmten Befehl oder Subschnittstelle modellieren. Als GUI empfängt Ereignisse , wird es ändern Staaten. Zum Beispiel , wenn ein Benutzer das Menü klickt , wird das Programm von einem Zustand "bereit" zu einer "offenen Menü " Zustand zu ändern , zeigt das Menü für den Benutzer. In einer Kontrollgruppe Flussdiagramm , sind die Staaten die Boxen im Diagramm und die Ereignisse sind die Pfeile .
Integration GUI Komponenten
Der letzte Schritt ist zu prüfen, welche Komponenten in der Benutzeroberfläche verwenden . Eine Komponente ist eine einzelne GUI-Element , z. B. eine Schaltfläche , Fenster oder Rollbalken . Ein Layout organisiert diese Komponenten in eine Hierarchie : So enthält das Hauptfenster eine Platte , die mehrere Tasten enthält , und so weiter. Für jeden hohen Fall, Sie haben , wie Sie auf eine Schaltfläche , müssen Sie entwerfen die entsprechende Komponente oder implementieren Sie eine Komponente aus einer API . Diese Phase ist , wo Sie Ihre Design-Entscheidungen wie das grundlegende Layout für Platten und die gesamte Oberfläche das Aussehen und das Gefühl . Verwenden Sie wieder eine Skizze , um das endgültige Design zu visualisieren.
