Das Menu-Steuerelement

Lies in den Artikel rein und unten bekommst Du ein unschlagbares Angebot!

Wie Sie einer Anwendung beziehungsweise einem Fenster einer WPF-Anwendung ein Ribbon hinzufügen können, haben wir an anderer Stelle bereits erläutert. Wer nicht auf die eher platzraubenden Ribbons steht, kann sich auch der klassischen Menüs bedienen. Diese lassen sich unter WPF genauso leicht definieren wie Ribbons. Dieser Artikel zeigt, wie Sie einem Fenster ein Menü hinzufügen und welche Steuerelemente sich dort unterbringen lassen. Damit die Optik nicht leidet, bauen wir auch hier passende Icons ein.

Grundstruktur des Menüs

Normalerweise enthält ein Window-Element immer ein Grid-Element zur Strukturierung der enthaltenen Steuerelemente. Wenn Sie ein Menü hinzufügen wollen, strukturieren wir den XAML-Code ein wenig um. Als oberstes Element unterhalb des Window-Elements verwenden wir dann nämlich ein DockPanel-Element. Wenn wir diesem ein Menu-Element und ein Grid-Element hinzufügen, werden beide untereinander angeordnet und Sie können im Grid-Element wie üblich die weiteren Steuerelemente anordnen. Im folgenden Beispiel fügen wir erst einmal ein ganz einfaches Menü hinzu, das Sie im Entwurf in Bild 1 sehen. Das DockPanel-Element enthält zuerst ein Menu-Element, das Hauptelement eines Menüs. Diesem fügen Sie beliebige MenuItem-Elemente zur obersten Ebene hinzu, die alle oben in der Menüleiste erscheinen. Fügen Sie den MenuItem-Elementen der obersten Ebene weitere MenuItem-Elemente hinzu, werden diese darunter angeordnet. Zur Laufzeit erscheinen diese nur, wenn der Benutzer den MenuItem-Eintrag der obersten Ebene öffnet. Die Beschriftung der Menüeinträge stellen wir mit dem Header-Attribut ein:

Einfaches Menü

Bild 1: Einfaches Menü

<Window x:Class="MainWindow" ... Title="MainWindow" Height="450" Width="800">
     <DockPanel>
         <Menu DockPanel.Dock="Top">
             <MenuItem Header="Datei">
                 <MenuItem Header="Beenden"></MenuItem>
             </MenuItem>
         </Menu>
         <Grid>
             
         </Grid>
     </DockPanel>
</Window>

Starten wir die Anwendung, erscheint das Menü wie in Bild 2.

Einfaches Menü zur Laufzeit

Bild 2: Einfaches Menü zur Laufzeit

Menüeinträge per Alt-Tastenkombination steuern

Von Windows-Anwendungen, die noch mit dem herkömmlichen Menüsystem arbeiten, kennen Sie sicher die Möglichkeit, ein Menü aufzuklappen oder einen Menüpunkt auszuführen, indem Sie eine bestimmte Tastenkombination betätigen. Diese besteht aus der Taste Alt und dem Buchstaben der Bezeichnung des gewünschten Menüeintrags, der unterstrichen dargestellt wird.

Solche Menüeinträge mit unterstrichenen Buchstaben lassen sich auch für die WPF-Menüs realisieren. Dazu fügen Sie nur vor dem Buchstaben, der für die Tastenkombination genutzt werden soll, einen Unterstrich ein wie in den folgenden Beispieleinträgen:

<Menu DockPanel.Dock="Top">
     <MenuItem Header="_Datei">
         <MenuItem Header="_Öffnen"></MenuItem>
         <MenuItem Header="_Schließen"></MenuItem>
         <MenuItem Header="_Beenden"></MenuItem>
     </MenuItem>
</Menu>

Die Hauptmenüpunkte sehen danach zunächst wie üblich aus. Wenn Sie jedoch die Alt-Taste herunterdrücken und gedrückt halten, werden die Buchstaben mit dem führenden Unterstrich unterstrichen dargestellt. Betätigen Sie also in diesem Fall bei gedrückter Alt-Taste noch den Buchstaben D, wird das Untermenü wie in Bild 3 geöffnet. Dann können Sie mit dem entsprechenden weiteren Buchstaben einen der Untermenüpunkte auswählen. Drücken Sie im initialen Zustand nur die Alt-Taste und lassen diese wieder los, wird der erste Menüpunkt blau markiert und die mit dem Unterstrich versehenen Buchstaben in den Bezeichnungen werden ebenfalls nun unterstrichen dargestellt. Von nun an können Sie mit der Taste Nach unten die Untermenüpunkte anzeigen und dann mit den Tasten Nach unten und Nach oben einen der Menüpunkte auswählen und dann mit der Eingabetaste aufrufen. Wenn das Hauptmenü bereits mehrere Einträge hätte, könnten Sie nach dem Betätigen der Alt-Taste mit den Tasten Nach links und Nach rechts zwischen den Menüpunkten des Hauptmenüs navigieren.

 

Schreibe einen Kommentar