Grafisches Widget - Graphical widget

gtk3-demo, ein Programm zur Demonstration der Widgets in GTK + Version 3.
Qt- Widgets, die nach drei verschiedenen Skins (künstlerisches Design) gerendert wurden : Plastik, Keramik und Windows
Verschiedene Widgets in Ubuntu angezeigt .
Beispiel für aktivierte und deaktivierte Widgets; Der Rahmen unten ist deaktiviert, sie sind ausgegraut.

Ein grafisches Widget (auch grafisches Steuerelement oder Steuerelement ) in einer grafischen Benutzeroberfläche ist ein Interaktionselement , z. B. eine Schaltfläche oder eine Bildlaufleiste . Steuerelemente sind Softwarekomponenten , mit denen ein Computerbenutzer durch direkte Manipulation interagiert, um Informationen über eine Anwendung zu lesen oder zu bearbeiten. Benutzeroberflächenbibliotheken wie Windows Presentation Foundation , GTK und Cocoa enthalten eine Sammlung von Steuerelementen und die Logik zum Rendern dieser Steuerelemente.

Jedes Widget ermöglicht eine bestimmte Art der Benutzer-Computer-Interaktion und wird als sichtbarer Teil der GUI der Anwendung angezeigt, wie durch das Thema definiert und von der Rendering-Engine gerendert. Das Thema lässt alle Widgets an einem einheitlichen ästhetischen Design festhalten und schafft ein Gefühl des allgemeinen Zusammenhalts. Einige Widgets unterstützen die Interaktion mit dem Benutzer, z. B. Beschriftungen, Schaltflächen und Kontrollkästchen . Andere fungieren als Container , die die ihnen hinzugefügten Widgets gruppieren, z. B. Fenster , Bedienfelder und Registerkarten.

Durch die Strukturierung einer Benutzeroberfläche mit Widget-Toolkits können Entwickler Code für ähnliche Aufgaben wiederverwenden und den Benutzern eine gemeinsame Sprache für die Interaktion zur Verfügung stellen, um die Konsistenz im gesamten Informationssystem zu gewährleisten.

Builder für grafische Benutzeroberflächen erleichtern das Erstellen von GUIs auf WYSIWYG- Weise unter Verwendung einer Markup-Sprache für Benutzeroberflächen . Sie generieren automatisch den gesamten Quellcode für ein Widget aus allgemeinen Beschreibungen des Entwicklers, normalerweise durch direkte Manipulation .

Geschichte und Verwendung

Jedes Widget zeigt eine vom Benutzer änderbare Informationsanordnung an, z. B. ein Fenster oder ein Textfeld . Das definierende Merkmal eines Widgets besteht darin, einen einzelnen Interaktionspunkt für die direkte Bearbeitung einer bestimmten Art von Daten bereitzustellen . Mit anderen Worten, Widgets sind grundlegende visuelle Bausteine, die in einer Anwendung alle von der Anwendung verarbeiteten Daten und die verfügbaren Interaktionen mit diesen Daten enthalten.

GUI-Widgets sind grafische Elemente, mit denen die Mensch-Maschine-Schnittstelle eines Programms erstellt wird. GUI-Widgets werden wie Softwarekomponenten implementiert . Widget-Toolkits und Software-Frameworks wie z. B. GTK + oder Qt enthalten sie in Softwarebibliotheken, damit Programmierer damit GUIs für ihre Programme erstellen können.

Eine Familie gängiger wiederverwendbarer Widgets wurde entwickelt, um allgemeine Informationen zu speichern, die auf den Untersuchungen von Palo Alto Research Center Inc. für die Xerox Alto- Benutzeroberfläche basieren . Verschiedene Implementierungen dieser generischen Widgets werden häufig in Widget-Toolkits zusammengefasst , mit denen Programmierer grafische Benutzeroberflächen (GUIs) erstellen. Die meisten Betriebssysteme enthalten eine Reihe von maßgeschneiderten Widgets, die ein Programmierer in eine Anwendung integrieren kann, um festzulegen, wie sie sich verhalten sollen. Jeder Widget-Typ wird im Allgemeinen durch objektorientierte Programmierung ( OOP ) als Klasse definiert . Daher werden viele Widgets aus der Klassenvererbung abgeleitet.

Im Kontext einer Anwendung kann ein Widget zu einem bestimmten Zeitpunkt aktiviert oder deaktiviert werden. Ein aktiviertes Widget kann auf Ereignisse wie Tastenanschläge oder Mausaktionen reagieren. Ein Widget, das auf solche Ereignisse nicht reagieren kann, wird als deaktiviert betrachtet. Das Erscheinungsbild eines Widgets hängt normalerweise davon ab, ob es aktiviert oder deaktiviert ist. Wenn diese Option deaktiviert ist, wird ein Widget möglicherweise in einer helleren Farbe (ausgegraut) gezeichnet oder auf irgendeine Weise visuell verdeckt. Ein Beispiel finden Sie im nebenstehenden Bild.

Der Vorteil gegenüber dem vollständigen Ausblenden nicht verfügbarer Steuerelemente besteht darin, die Benutzer über ihre Existenz zu informieren und eine vorübergehende Nichtverfügbarkeit anzuzeigen, anstatt den Benutzer nach einem ausgeblendeten Steuerelement suchen zu lassen.

Widgets werden manchmal als virtuell qualifiziert , um sie von ihren physischen Gegenstücken zu unterscheiden, z. B. virtuelle Schaltflächen , auf die mit einem Zeiger geklickt werden kann , oder physische Schaltflächen , die mit einem Finger gedrückt werden können.

Ein verwandtes (aber anderes) Konzept ist das Desktop-Widget , eine kleine spezialisierte GUI-Anwendung, die visuelle Informationen und / oder einfachen Zugriff auf häufig verwendete Funktionen wie Uhren, Kalender, Nachrichtenaggregatoren, Taschenrechner und Desktop-Notizen bietet. Diese Arten von Widgets werden von einer Widget-Engine gehostet .

Etymologie

"Widget" trat um 1920 in das amerikanische Englisch ein, als Oberbegriff für jedes nützliche Gerät, insbesondere für ein zum Verkauf hergestelltes Produkt. In der Computernutzung wurde es als verkürzte Form des „Fenster- Gadgets “ ausgeliehen und 1988 während des Projekts Athena erstmals auf Elemente der Benutzeroberfläche angewendet . Das Wort wurde gewählt, weil „alle anderen gebräuchlichen Begriffe mit unangemessenen Konnotationen überladen waren“ - seit dem Das Intrinsics- Toolkit des Projekts verknüpfte jedes Widget mit einem Fenster des zugrunde liegenden X-Fenstersystems - und aufgrund des gemeinsamen Präfixes mit dem Wortfenster .

Liste der gängigen generischen Widgets

  • Auswahl und Anzeige von Sammlungen
    • Schaltfläche - Steuerung, auf die geklickt werden kann, um eine Aktion auszuführen. Entspricht einem Druckknopf, wie er bei mechanischen oder elektronischen Instrumenten zu finden ist.
      • Radioknopf - Steuerung , die angeklickt werden können , auf eine große Auswahl von Optionen eine Option auszuwählen, ähnlich wie eine Radiostation aus einer Gruppe von Tasten Auswahl an Radioabstimmung gewidmet ist . Optionsfelder werden immer paarweise oder in größeren Gruppen angezeigt, und es kann jeweils nur eine Option in der Gruppe ausgewählt werden. Durch Auswahl eines neuen Elements über die Schaltflächen der Gruppe wird auch die zuvor ausgewählte Schaltfläche abgewählt.
      • Kontrollkästchen - Steuerelement, auf das geklickt werden kann, um eine Option zu aktivieren oder zu deaktivieren. Wird auch als Kontrollkästchen bezeichnet. Das Kästchen zeigt einen "Ein" - oder "Aus" -Zustand über ein Häkchen / Häkchen ☑ oder ein Kreuz ☒ an. Kann in einem Zwischenzustand (schattiert oder mit einem Strich) angezeigt werden, um anzuzeigen, dass verschiedene Objekte in einer Mehrfachauswahl unterschiedliche Werte für die durch das Kontrollkästchen dargestellte Eigenschaft haben. Im Gegensatz zu Optionsfeldern können mehrere Kontrollkästchen in einer Gruppe aktiviert sein.
      • Kippschalter - Funktionell ähnlich einem Kontrollkästchen. Kann ein- und ausgeschaltet werden, aber im Gegensatz zu Kontrollkästchen wirkt sich dies normalerweise sofort aus.
      • Umschalttaste - Funktioniert ähnlich wie ein Kontrollkästchen, fungiert als Schalter , wird jedoch als Schaltfläche angezeigt. Kann ein- und ausgeschaltet werden.
      • Geteilte Schaltfläche - Steuerelement zum Kombinieren einer Schaltfläche (die normalerweise eine Standardaktion aufruft) und einer Dropdown-Liste mit zugehörigen sekundären Aktionen
      • Cycle-Schaltfläche - Eine Schaltfläche, die ihren Inhalt durch zwei oder mehr Werte wechselt und so die Auswahl eines Werts aus einer Gruppe von Elementen ermöglicht.
    • Schieberegler - Steuerung mit einem Griff, der auf einer Leiste nach oben und unten (vertikaler Schieberegler) oder nach rechts und links (horizontaler Schieberegler) bewegt werden kann, um einen Wert (oder einen Bereich, wenn zwei Ziehpunkte vorhanden sind) auszuwählen. In der Leiste können Benutzer Anpassungen an einem Wert oder Prozess in einem Bereich zulässiger Werte vornehmen.
    • Listenfeld - Ein grafisches Steuerelement, mit dem der Benutzer ein oder mehrere Elemente aus einer Liste auswählen kann, die in einem statischen, mehrzeiligen Textfeld enthalten ist.
    • Spinner - Werteingabesteuerung mit kleinen Auf- und Ab-Tasten zum Durchlaufen eines Wertebereichs
    • Dropdown-Liste - Eine Liste der Elemente, aus denen Sie auswählen können. In der Liste werden normalerweise nur Elemente angezeigt, wenn auf eine spezielle Schaltfläche oder Anzeige geklickt wird.
    • Menü - Steuerung mit mehreren Aktionen, auf die geklickt werden kann, um eine Auswahl zum Aktivieren auszuwählen
      • Kontextmenü - Ein Menütyp, dessen Inhalt vom Kontext oder Status abhängt, der beim Aufrufen des Menüs wirksam ist
      • Tortenmenü - Ein kreisförmiges Kontextmenü, in dem die Auswahl von der Richtung abhängt
    • Menüleiste - ein grafisches Steuerelement, das Dropdown-Menüs enthält
    • Symbolleiste - Ein grafisches Steuerelement, auf dem Schaltflächen, Symbole, Menüs oder andere Eingabe- oder Ausgabeelemente auf dem Bildschirm platziert werden
      • Multifunktionsleiste - eine Mischung aus Menü und Symbolleiste, die eine große Sammlung von Befehlen in einem visuellen Layout über eine Oberfläche mit Registerkarten anzeigt.
    • Combo - Box ( Textfeld mit angeschlossenem Menü oder Listenfeld ) - Eine Kombination aus einem einzeiligen Textfeld und eine Dropdown-Liste oder Listenfeld , so dass der Benutzer entweder einen Wert direkt in die Steuerung eingeben oder wählen Sie aus der Liste der vorhandene Optionen.
    • Icon - ein schnell verständliches Symbol eines Software - Tools, eine Funktion oder eine Datendatei.
    • Baumansicht - Ein grafisches Steuerelement, das eine hierarchische Ansicht von Informationen darstellt
    • Tabellenansicht oder Datenraster - eine Tabelle -ähnlichen tabellarische Ansicht der Daten , die Zahlen oder Text kann in Zeilen und Spalten eingetragen werden.
  • Navigation
    • Link - Text mit einer Art Indikator (normalerweise unterstrichen und / oder farbig), der angibt, dass durch Klicken auf einen anderen Bildschirm oder eine andere Seite gewechselt wird.
    • Registerkarte - Ein grafisches Steuerelement, mit dem mehrere Dokumente oder Bedienfelder in einem einzigen Fenster enthalten sein können
    • Bildlaufleiste - Ein grafisches Steuerelement, mit dem fortlaufender Text, Bilder oder andere Inhalte in eine vorgegebene Richtung (nach oben, unten, links oder rechts) gescrollt werden können.
  • Text- / Werteingabe
    • Textfeld - (Bearbeitungsfeld) - Ein grafisches Steuerelement, mit dem der Benutzer Text eingeben kann
    • Combobox - ein graphisches Bedienelement ein Dropdown-Liste oder ein Listenfeld und einen einzeiligen editierbare Text Kombinieren
  • Ausgabe
    • Beschriftung - Text zur Beschreibung eines anderen Widgets
    • Tooltip - Informationsfenster, das angezeigt wird, wenn sich die Maus über einem anderen Steuerelement befindet
    • Ballonhilfe
    • Statusleiste - ein grafisches Steuerelement, das einen Informationsbereich darstellt, der normalerweise am unteren Rand des Fensters zu finden ist
    • Fortschrittsbalken - Ein grafisches Steuerelement, mit dem der Fortschritt eines erweiterten Computerbetriebs wie Herunterladen, Dateiübertragung oder Installation visualisiert wird
    • Infobar - ein grafisches Steuerelement, das von vielen Programmen verwendet wird, um einem Benutzer unkritische Informationen anzuzeigen
  • Container
    • Fenster - Ein grafisches Steuerelement, das aus einem visuellen Bereich besteht, der einige der grafischen Benutzeroberflächenelemente des Programms enthält, zu dem es gehört
      • Ausklappbares Bedienfeld - Ein Bedienfeld, in dem Inhalte, die durch Klicken auf die Registerkarte des Widgets ausgeblendet oder angezeigt werden, kompakt gespeichert werden können.
        • Schublade: Seitenblätter oder Oberflächen mit zusätzlichem Inhalt, die am linken oder rechten Bildschirmrand verankert, herausgezogen oder weggeschoben werden können.
      • Akkordeon - Eine vertikal gestapelte Liste von Elementen, z. B. Beschriftungen oder Miniaturansichten, bei denen jedes Element "erweitert" werden kann, um den zugehörigen Inhalt anzuzeigen
      • Modales Fenster - Ein grafisches Steuerelement, das dem Hauptfenster einer Anwendung untergeordnet ist und einen Modus erstellt, in dem das Hauptfenster nicht verwendet werden kann.
      • Dialogfeld - Ein kleines Fenster, das Informationen an den Benutzer übermittelt und zur Eingabe einer Antwort auffordert
      • Palettenfenster - auch als "Utility-Fenster" bezeichnet - ist ein grafisches Steuerelement, das über allen regulären Fenstern schwebt und Tools, Befehle oder Informationen für die aktuelle Anwendung bereitstellt
        • Inspektorfenster - Eine Art Dialogfenster, in dem eine Liste der aktuellen Attribute eines ausgewählten Objekts angezeigt wird und in dem diese Parameter im laufenden Betrieb geändert werden können
      • Rahmen - Ein Feldtyp, in dem eine Sammlung grafischer Steuerelemente gruppiert werden kann, um Beziehungen visuell darzustellen
      • Leinwand - generisches Zeichenelement zur Darstellung grafischer Informationen
      • Cover Flow - ein animiertes dreidimensionales Element zum visuellen Durchblättern von Schnappschüssen von Dokumenten, Website-Lesezeichen, Albumcover oder Fotos.
      • Bubble Flow - ein animiertes, zweidimensionales Element, mit dem Benutzer die gesamte Baumansicht eines Diskussionsthreads durchsuchen und interagieren können.

Siehe auch

Verweise

Externe Links