imported>Uncopy: /* Grafische Benutzeroberfläche */ Setze engl. Wort kursiv

2025-11-11T10:03:43Z

Grafische Benutzeroberfläche: Setze engl. Wort kursiv

Neue Seite

[[Datei:Dropdown-Menü unter LibreOffice unter Ubuntu 20.10 20201231.png|300px|mini|rechts|Beispiel eines Menüs als Teil einer Menüleiste einer grafischen Anwendung. Das Menü ''Datei'' ist aktiviert und „ausgeklappt“ oder „ausgerollt“. Daneben sind die Menüs ''Bearbeiten'', ''Ansicht'' und ''Einfügen'' usw. in der Menüleiste aufgereiht.]]
Ein '''Menü''' ist ein [[Steuerelement]] und eine Form der [[Interaktivität|interaktiven]] Benutzerführung bei [[Computerprogramm]]en mit [[Grafische Benutzeroberfläche|grafischer]], [[Zeichenorientierte Benutzeroberfläche|zeichenorientierter]] oder seltener [[Voice User Interface|sprachorientierter Benutzeroberfläche]] (''GUI'', ''TUI'' bzw. ''VUI''), worüber eine Option aus einem Angebot von [[Funktion (Programmierung)|Funktionen]], [[Routine (Programmierung)|Routinen]] oder [[Unterprogramm]]en auswählbar ist und die ausgewählte Option anschließend auch abgerufen wird; daher der aus dem englischen Begriff ''menu'' für [[Speisekarte]] abgeleitete Name.

'''Menüleisten''' fassen Menüs zusammen, zumeist horizontal in Leserichtung hintereinander.

Menus und Menüleisten sind heute Standard der [[Common User Access]].

== Grafische Benutzeroberfläche ==
Menüs sind in der Regel hierarchisch in '''Menüleisten''' am [[Fenster (Computer)|Fensterrand]] zusammengefasst, die die [[Anweisung (Programmierung)|Befehle]] unter Schlüsselbegriffen oder -symbolen zusammenfassen. Werden diese Begriffe angewählt, öffnet sich eine Liste, das [[Dropout-Menü]] mit den zugehörigen Menüpunkten, die dann Kommandos ([[Computerprogramm|Programme]], Module, Aktionen des Programms) auslösen. Spezielle Untermenüpunkte führen keine [[Funktion (Programmierung)|Funktion]] direkt aus, sondern öffnen eine weitere Menüebene, als weiteres Dropout, als [[Pop-up]]-Menü oder als [[Dialogfenster]].

Oft sind die für den Anwender wichtigsten [[Funktion (Programmierung)|Funktionen]] aufgeführt, die das entsprechende [[Betriebssystem]] oder [[Anwendungssoftware|Anwendungsprogramm]] bietet. Eine Variante ist eine Leiste mit [[Icon (Computer)|Icons]], die [[Symbolleiste]], die weniger für hierarchische Auswahl, sondern direkte Kommandos konzipiert ist. Mischformen sind üblich, zum Beispiel Drop-outs aus [[Icon (Computer)|Icons]], Menülisten mit Icon oder [[Text]].

In der Beschriftung einer Option kann ein einzelner Buchstabe als Merkhilfe (''Mnemonic'') durch Unterstreichung hervorgehoben und für die schnelle Auswahl mittels [[Tastatur]] verwendet werden (z. B.: Datei). Zudem ist es möglich, einer Option ein [[Tastenkürzel]] zuzuweisen, welches hinter der Beschriftung angezeigt wird und ebenfalls eine schnelle Auswahl via Tastatur ermöglicht (z. B.: {{Taste|[[Steuerungstaste|Strg]]|halten}}+{{Taste|C}} für Kopieren).<ref>{{Internetquelle |autor=Jim Walker et al. |url=https://learn.microsoft.com/en-us/windows/win32/menurc/about-menus#keyboard-access-to-menus |titel=About Menus: Keyboard Access to Menus |werk=learn.microsoft.com |hrsg=Microsoft |datum=2020-08-19 |sprache=en |abruf=2025-03-10}}</ref>

=== Grundlegende Menüs ===
[[Datei:Konqueror-5.0.97-Deutsch+Menü-Gehe zu+Gentoo-Linux+KDE-Plasma-5.18.5 2020-09-01.png|mini|Ausgeklapptes Menü „Gehe zu“ unter [[Konqueror]].]]
Auf Anwendungsebene haben sich für die grundlegenden Programmfunktionen einige typische Menüs als Standard etabliert, sind meist direkt unter der Titelzeile in der '''Menüzeile''' angeordnet und haben in der Regel immer dieselbe Reihenfolge: <code>„Datei“ – „Bearbeiten“ – „Ansicht“ – (programmspezifische Menüs) – Extras/Optionen – „Hilfe“</code> 
* <code>Datei</code> ([[Linux]], [[Microsoft]]) / <code>Ablage</code> ([[Apple]]): Grundfunktionen wie Öffnen und Speichern von [[Datei]]en, Drucken, Beenden der [[Anwendungssoftware|Anwendung]] selbst
* <code>Bearbeiten</code>: Rückgängig/Wiederherstellen, Kopieren und Einfügen, Auswahl/Markieren, Funktionen, die sich auf die markierten Inhalte des Programmfensters beziehen, meist auch [[Suchfunktion]]en
* <code>Ansicht</code> (Linux, Microsoft) / <code>Darstellung</code> (Apple): [[Abbildungsmaßstab|Zoom (Maßstab)]], Aktualisieren, Vollbild und Ähnliches
* <code>Extras</code>/<code>Optionen</code>/<code>Einstellungen</code>: Ein Menü über die [[Programmkonfiguration]], sonstige Programmfunktionen
* <code>Hilfe</code>: Hilfeseite und/oder Onlinehilfe, Versionsinformation („über“), [[Softwareaktualisierung|Aktualisierung]]
Dann finden sich noch zahlreich spezifische Menüs je nach Sparte der [[Anwendungssoftware|Anwendung]], etwa ''Formatmenüs'' in der Textverarbeitung, ''Lesezeichen / Favoriten'' bei [[Webbrowser]]n und entsprechendes.

Auf dem [[Desktop (grafische Benutzeroberfläche)|Desktop]] sind die Menüs der [[Taskleiste]], der grundlegenden Symbol- und [[Statusleiste]] verbreitet, insbesondere ein [[Programmmenü]], das bei [[Windows]]-Systemen [[Startmenü]] genannt wird.

=== Untermenüs ===
[[Datei:Konqueror-5.0.97-Deutsch+Untermenü-Zwischenspeicher-Regelung+Gentoo-Linux+KDE-Plasma-5.18.5 2020-09-01.png|mini|Beispiel für Menü mit ausgeklapptem Untermenü.]]
Ein Untermenü ist ein Begriff, der verwendet wird, um ein Menü zu beschreiben, das in einem anderen Menü enthalten ist. Beispielsweise wird in den meisten [[Computerprogramm|Programmen]] ein Untermenü häufig durch einen kleinen Pfeil gekennzeichnet, der am Rand der Option nach rechts zeigt. Benutzer, die über die Tastatur in einem Menü navigieren, können durch Drücken der rechten Pfeiltaste auf ein Untermenü zugreifen oder das Untermenü durch Drücken der linken Pfeiltaste reduzieren.<ref>{{Internetquelle |url=https://www.computerhope.com/jargon/s/submenu.htm |titel=Submenu |werk=computerhope.com |hrsg=Computer Hope |datum=2017-04-26 |sprache=en |abruf=2020-09-01}}</ref>

=== Weitere Menüarten ===
* [[Datei:Kontextmenü unter Ubuntu 20.10 20201231.png|mini|[[Kontextmenü]] von [[Mozilla Firefox]] im Kontext einer [[Webseite]]]][[Kontextmenü]]: ein Menü mit einer vom Ort des Maus-[[Rechtsklick]]s abhängigen Bestückung an Menüpunkten
* [[Tortenmenü]]: kreisförmige Anordnung der Menüpunkte
* [[Hamburger-Menü-Icon]]: Ein Icon, das die komplette Menüstruktur eines [[Computerprogramm|Programmes]] enthält und üblicherweise die Menüleiste ersetzt.

=== Verwendung angehängter Auslassungspunkte ===
In Menüfunktionen oder [[Schaltfläche]]n bedeuten angehängte [[Auslassungspunkte]], dass bei Anwahl ein weiterer [[Dialog (Benutzeroberfläche)|Dialog]] folgt, in dem der Anwender weitere Eingaben machen kann oder muss.<ref>{{Internetquelle |url=https://developer.apple.com/design/human-interface-guidelines/menus |titel=Menus |werk=developer.apple.com |hrsg=Apple |sprache=en |abruf=2018-01-31}}</ref> Fehlt die Ellipse, dann ist die Funktion mit der Anwahl schon ausgeführt.

* „Speichern“ – es wird ohne weitere Eingabe die geöffnete [[Datei]] überschrieben.
* „Speichern unter…“ – im folgenden [[Dialog (Benutzeroberfläche)|Dialog]] kann z. B. ein anderer Speicherort bzw. Dateiname oder ein anderes Dateiformat gewählt werden.

== Zeichenorientierte Benutzeroberfläche ==
[[Datei:Menu-numbered-anim.gif|mini|Beispiel eines einfachen Menüs für zeichenorientierte Benutzeroberfläche aus dem Jahre 1987 (Auswahl durch Eingabe einer oder zwei Ziffern)]]
[[Datei:Menu-cursor-anim.gif|mini|Variante (Auswahl über Cursortasten bzw. Maus)]]
Bei einer [[zeichenorientierte Benutzeroberfläche|zeichenorientierten Benutzeroberfläche]] besteht die einfachste Realisierung eines Menüs in der Anzeige einer Liste von Auswahlmöglichkeiten, denen jeweils ein Kürzel ([[Ziffer]], [[Zahl]] oder [[Buchstabe]]) zugeordnet ist. Die Auswahl des gewünschten Menüpunktes erfolgt durch Eingabe des entsprechenden Kürzels.

Eine anspruchsvollere Umsetzung erlaubt eine [[Navigation]] durch die Menüpunkte mit Hilfe der [[Cursortasten]] oder der [[Maus (Computer)|Maus]], gegebenenfalls in zwei Dimensionen, wobei Menüpunkte erscheinen bzw. verschwinden. Das Verhalten entspricht damit der bei [[Grafische Benutzeroberfläche|grafische Benutzeroberflächen]] üblichen Lösung. Der aktuelle Menüpunkt wird hervorgehoben dargestellt und kann durch Drücken der [[Enter-Taste]] ausgewählt werden.

== Programmierung ==
=== C# ===
Das folgende Beispiel in der [[Programmiersprache]] [[C-Sharp|C#]] zeigt die Implementierung eines Hauptfensters mit einer Menüleiste, die Menüs und ein Untermenü beinhaltet. Das Klick-Ereignis der Menüelemente des Untermenüs ist mit einer Ereignisbehandlungsroutine verknüpft, die ein neues [[Fenster (Computer)|Fenster]] als modaler [[Dialog (Benutzeroberfläche)|Dialog]] öffnet (siehe [[Ereignis (Programmierung)|Ereignis]]).<ref>{{Internetquelle |url=https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.menu |titel=Menu Class |werk=learn.microsoft.com |hrsg=Microsoft |sprache=en |abruf=2020-08-30}}</ref><syntaxhighlight lang="c#">
using System.Windows.Forms;

public class MainForm : System.Windows.Forms.Form
{
private System.Windows.Forms.MenuStrip mainMenuStrip;

private System.Windows.Forms.ToolStripMenuItem fileToolStripMenuItem, editToolStripMenuItem, imageToolStripMenuItem, optionsToolStripMenuItem, viewToolStripMenuItem, helpToolStripMenuItem;
private System.Windows.Forms.ToolStripMenuItem openToolStripMenuItem;
private System.Windows.Forms.ToolStripMenuItem slideshowToolStripMenuItem;
private System.Windows.Forms.ToolStripMenuItem searchFilesToolStripMenuItem;

// Konstruktor des MainForms.
public MainForm()
{
InitializeMenuStrip();
}

// Startet die Anwendung und erzeugt das MainForm durch Aufruf des Konstruktors.
public static void Main()
{
Application.Run(new MainForm());
}

// Initialisiert die Menüleiste.
private void InitializeMenuStrip()
{
// Erzeugt die Menüleiste, die Menüelemente und die Untermenüelemente durch Aufruf der Standardkonstruktoren.

mainMenuStrip = new System.Windows.Forms.MenuStrip(); // Menüleiste

fileToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Menüelement

openToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Untermenüelement
slideshowToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Untermenüelement
searchFilesToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Untermenüelement

editToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Menüelement
imageToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Menüelement
optionsToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Menüelement
viewToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Menüelement
helpToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem(); // Menüelement

SuspendLayout();

mainMenuStrip.SuspendLayout();
// Fügt der Menüleiste die Menüelemente als Array hinzu.
mainMenuStrip.Items.AddRange(new System.Windows.Forms.ToolStripItem[] { fileToolStripMenuItem, editToolStripMenuItem, imageToolStripMenuItem, optionsToolStripMenuItem, viewToolStripMenuItem, helpToolStripMenuItem });

fileToolStripMenuItem.Text = "File";
// Fügt dem Menüelement mit der Beschriftung "File" die Untermenüelemente als Array hinzu.
fileToolStripMenuItem.DropDownItems.AddRange(new System.Windows.Forms.ToolStripItem[] { openToolStripMenuItem, slideshowToolStripMenuItem, searchFilesToolStripMenuItem });

openToolStripMenuItem.Text = "Open";
slideshowToolStripMenuItem.Text = "Slideshow";
searchFilesToolStripMenuItem.Text = "Search files";

editToolStripMenuItem.Text = "Edit";
imageToolStripMenuItem.Text = "Image";
optionsToolStripMenuItem.Text = "Options";
viewToolStripMenuItem.Text = "View";
helpToolStripMenuItem.Text = "Help";

Controls.Add(mainMenuStrip); // Fügt die Menüleiste dem Hauptfenster hinzu.
Text = "Menus example"; // Setzt die Beschriftung des Hauptfensters.

mainMenuStrip.ResumeLayout(false);
mainMenuStrip.PerformLayout();

ResumeLayout(false);
PerformLayout();

// Diese foreach Schleife verknüpft die Ereignisbehandlungsmethode mit dem Klick-Ereignis der Untermenüelemente.
foreach (ToolStripMenuItem toolStripMenuItem in fileToolStripMenuItem.DropDownItems)
{
toolStripMenuItem.Click += new System.EventHandler(ToolStripMenuItem_Clicked);
}
}

// Diese Methode wird aufgerufen, wenn der Benutzer auf ein Menüelement des Dropdown Menüs klickt.
private void ToolStripMenuItem_Clicked(object sender, System.EventArgs e)
{
Form newForm = new Form(); // Erzeugt ein neues Fenster durch Aufruf des Standardkonstruktors.
ToolStripMenuItem toolStripMenuItem = (ToolStripMenuItem) sender; // Typumwandlung der Variable sender vom Typ object in den abgeleiteten Typ ToolStripMenuItem
newForm.Text = toolStripMenuItem.Text; // Setzt die Beschriftung des Fensters gleich der Beschriftung des Menüelements.
newForm.ShowDialog(); // Zeigt das Fenster als modaler Dialog an.
}
}
</syntaxhighlight>

== Siehe auch ==
* [[Kontextmenü]]
* [[Menü-Taste]]
* [[Sprachdialogsystem]] – beispielsweise bei Telefon-Hotlines oder bei [[Stimmliche Benutzerschnittstelle|sprachorientierten Benutzerschnittstellen]]
* [[Fenster (Computer)]]
* [[Dialog (Benutzeroberfläche)]]
* [[Dropdown-Liste]]
* [[Combobox]]
* [[Listenfeld]]

== Weblinks ==
{{Commonscat|Menus (GUI)}}

== Einzelnachweise ==
<references />

{{Normdaten|TYP=s|GND=4193879-3}}

[[Kategorie:Benutzerschnittstelle]]
[[Kategorie:Steuerelement einer grafischen Benutzeroberfläche]]

Menü (Computer) - Versionsgeschichte

imported>Uncopy: /* Grafische Benutzeroberfläche */ Setze engl. Wort kursiv