{"id":55000214,"date":"2020-04-01T00:00:00","date_gmt":"2020-08-25T08:45:59","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=214"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Kontextmenues_mit_WPF","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Kontextmenues_mit_WPF\/","title":{"rendered":"Kontextmenüs mit WPF"},"content":{"rendered":"

Wer einmal Kontextmenüs unter Access programmiert hat, weiß, wie viel Arbeit das ist. Unter WPF könnte das anders sein. Ob das der Fall ist und wie wir dort Kontextmenüs programmieren, zeigt dieser Artikel. Dabei beleuchten wir, wie Sie ein Kontextmenü für ein bestimmtes Element erzeugen, wie Sie Befehle hinzufügen, diese mit Icons ausstatten, welche Steuer-elemente Sie darin unterbringen können und wie Sie die Einträge aktivieren und deaktivieren können. Außerdem erfahren Sie natürlich, wo Sie den Code unterbringen, der durch die Befehle von Kontextmenüs aufgerufen wird.<\/b><\/p>\n

Das ContextMenu-Element<\/b><\/p>\n

Kontextmenüs bilden wir unter WPF mit dem ContextMenu<\/b>-Element ab. Dieses können Sie zu beliebigen Elementen hinzufügen – also zum Beispiel zu einem Fenster, einer Seite oder einem dort enthaltenen Steuer-element.<\/p>\n

Im einfachsten Fall weisen wir direkt einem Grid<\/b>-Element ein Kontextmenü zu. Der WPF-Code für das Grid<\/b>-Element sieht dann wie folgt aus:<\/p>\n

<Grid>\r\n     <Grid.ContextMenu>\r\n         <ContextMenu>\r\n             <MenuItem Header=\"Meldung anzeigen\" Click=\"MenuItem_Click\"\/>\r\n         <\/ContextMenu>\r\n     <\/Grid.ContextMenu>\r\n<\/Grid><\/pre>\n
Wer denkt, dass nun beim Rechtsklick auf das Grid<\/b>-Element ein Kontextmenü erscheint, irrt sich: Es geschieht nichts. Und wir haben sichergestellt, dass das Grid sich über das gesamte übergeordnete Window<\/b>-Element erstreckt. Der Clou ist: Jedes Element, das ein Kontextmenü anzeigen soll, muss einen Hintergrund besitzen.<\/p>\n
Das Grid<\/b>-Element ist schlicht ein Rahmen ohne Inhalt, also können Sie darin auch kein Kontextmenü anzeigen. Das lässt sich allerdings leicht ändern, indem wir dem Grid<\/b>-Element einen Hintergrund zuweisen. Und der darf interessanterweise auch transparent sein. Wir ändern das Grid<\/b>-Element also wie folgt:<\/p>\n
<Grid Background=\"Transparent\"><\/pre>\n
Danach erscheint beim Rechtsklick das Kontextmenü wie in Bild 1. Zusammengefasst: Wir benötigen ein Property-Element (also eine Eigenschaft, die nicht als Attribut angegeben wird, sondern als untergeordnetes Element) in der Form .ContextMenu<\/b>, darin ein ContextMenu<\/b>-Element und darin ein oder mehrere MenuItem<\/b>-Elemente. Mit der Eigenschaft Header <\/b>legen wir den Text des Menüeintrags fest, mit der Click<\/b>-Eigenschaft die Ereignismethode, die beim Anklicken des Eintrags aufgerufen werden soll.<\/p>\n
\"Das<\/p>\n
Bild 1: Das erste Kontextmenü, hier für ein Grid-Element<\/span><\/b><\/p>\n
In unserem Fall wollen wir einfach eine Meldung anzeigen und gestalten die Methode wie folgt:<\/p>\n
Private Sub <\/span>MenuItem_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n     MessageBox.Show(\"Meldung per Kontextmenü\")\r\nEnd Sub<\/span><\/pre>\n
Mehrere Kontextmenü-Einträge<\/b><\/p>\n
Wollen Sie mehrere Kontextmenü-Einträge anzeigen, fügen Sie einfach die gewünschten Elemente unter dem bereits vorhandenen MenuItem <\/b>ein:<\/p>\n
<ContextMenu>\r\n     <MenuItem Header=\"Meldung anzeigen\" Click=\"MenuItem_Click\"\/>\r\n     <MenuItem Header=\"Noch ein Eintrag\" Click=\"MenuItem_Click\"\/>\r\n     <MenuItem Header=\"Letzter Eintrag\" Click=\"MenuItem_Click\"\/>\r\n<\/ContextMenu><\/pre>\n
Bild 2 zeigt das Ergebnis.<\/p>\n
\"Kontextmenü<\/p>\n
Bild 2: Kontextmenü mit drei Einträgen<\/span><\/b><\/p>\n
Untermenüs<\/b><\/p>\n
Wenn Sie Kontextmenü-Einträge unterhalb eines der Einträge benötigen, fügen Sie einfach weitere MenuItem<\/b>-Elemente unterhalb eines der Menu-Item<\/b>-Elemente der ersten Ebene ein. Das Ergebnis finden Sie in Bild 3.<\/p>\n
\"Kontextmenü<\/p>\n
Bild 3: Kontextmenü mit Untermenü-Einträgen<\/span><\/b><\/p>\n
Dem MenuItem<\/b>-Element mit den untergeordneten Elementen können Sie zwar das Click<\/b>-Attribut zuordnen, das Ereignis wird jedoch nicht ausgelöst – der Mausklick bewirkt lediglich das Anzeigen der untergeordneten Elemente:<\/p>\n
<ContextMenu>\r\n     <MenuItem Header=\"Meldung anzeigen\" Click=\"MenuItem_Click\"\/>\r\n     <MenuItem Header=\"Noch ein Eintrag\" Click=\"MenuItem_Click\"\/>\r\n     <MenuItem Header=\"Letzter Eintrag\" Click=\"MenuItem_Click\"\/>\r\n     <MenuItem Header=\"Untermenü\">\r\n         <MenuItem Header=\"Erster Untermenü-Eintrag\"><\/MenuItem>\r\n         <MenuItem Header=\"Zweiter Untermenü-Eintrag\"><\/MenuItem>\r\n     <\/MenuItem>\r\n<\/ContextMenu><\/pre>\n
Click-Ereignisse anlegen<\/b><\/p>\n
Wenn Sie mehrere Kontextmenü-Einträge in einem Kontextmenü anlegen, haben Sie zwei Möglichkeiten für das Anlegen der dadurch ausgelösten Click<\/b>-Ereignisse: Entweder Sie vergeben jedem Kontextmenü-Eintrag einen eigenen Namen, so wie wir es sonst auch machen. Dann legen sie für jedes Kontextmenü-Element eine eigene Ereignismethode an. Den Namen vergeben Sie wie üblich bei Elementen unter WPF – wir verwenden das Präfix itm<\/b>:<\/p>\n
<MenuItem x:Name=\"itmMeldung\" Header=\"Meldung anzeigen\" Click=\"ItmMeldung_Click\"\/><\/pre>\n
Die Ereignismethode erhält dementsprechend den Namen ItmMeldung_Click<\/b>. Wenn Sie keine Namen für die Kontextmenü-Einträge vergeben wollen, müssen Sie zumindest Werte mit unterschiedlichen Namen für das Click<\/b>-Attribut festlegen und entsprechend je ein Ereignis für jeden Kontextmenü-Eintrag festlegen.<\/p>\n
Trennstriche<\/b><\/p>\n
Gegebenenfalls möchten Sie zwei Gruppen von Kontextmenü-Einträgen durch einen Trennstrich voneinander abgrenzen. Diesen Trennstrich realisieren wir mit einem Separator-Element (siehe Bild 4):<\/p>\n
\"Kontextmenü<\/p>\n
Bild 4: Kontextmenü mit Trennstrich<\/span><\/b><\/p>\n
...\r\n<MenuItem Header=\"Letzter Eintrag\" Click=\"MenuItem_Click\"\/>\r\n<Separator\/>\r\n<MenuItem Header=\"Untermenü\" Click=\"MenuItem_Click\">\r\n...<\/pre>\n
Kontextmenüs für andere Steuer-elemente<\/b><\/p>\n
Bisher haben wir alle Kontextmenüs direkt dem Grid<\/b>-Element hinzugefügt. Kontextmenüs für andere Steuer-elemente fügen Sie auf genau die gleiche Weise hinzu – nur, dass Sie in den meisten Fällen nicht mehr das Background<\/b>-Attribut des jeweiligen Elements anpassen müssen. Hier soll das Kontextmenü beim Rechtsklick auf ein Textfeld angezeigt werden (siehe Bild 5):<\/p>\n
\"Kontextmenü<\/p>\n
Bild 5: Kontextmenü für ein Textfeld<\/span><\/b><\/p>\n
<TextBox Text=\"Klicken für Kontextmenü\">\r\n     <TextBox.ContextMenu>\r\n         <ContextMenu>\r\n             <MenuItem Header=\"Äpfel\"><\/MenuItem>\r\n             <MenuItem Header=\"Bananen\"><\/MenuItem>\r\n             <MenuItem Header=\"Zitronen\"><\/MenuItem>\r\n             <MenuItem Header=\"Mehr Obst\">\r\n                 <MenuItem Header=\"Orange\"><\/MenuItem>\r\n                 <MenuItem Header=\"Ananas\"><\/MenuItem>\r\n             <\/MenuItem>\r\n         <\/ContextMenu>\r\n     <\/TextBox.ContextMenu>\r\n<\/TextBox><\/pre>\n
Icons im Kontextmenü<\/b><\/p>\n
Bisher sehen die Elemente etwas trist aus. Es wäre doch schön, wenn wir mit passenden Icons ein wenig Farbe und Abwechslung hineinbringen könnten.<\/p>\n
Auch dazu gibt es ein passendes Attribut – aber zuerst müssen Sie die Icons, die angezeigt werden sollen, zum Projekt hinzufügen. Wir fügen diese in der Regel in ein Unterverzeichnis namens Images <\/b>ein (siehe Bild 6).<\/p>\n
\"Bilddateien<\/p>\n
Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t
\n\n\t\t\n\t\t