TMainMenu/de: what changed
Revision 1 to 2. Removed lines have a minus sign; added lines have a plus sign.
| Old | New | Line | |
|---|---|---|---|
| 1 | 1 | Diese Seite erklärt, wie man die [[doc:lcl/menus/tmainmenu.html|TMainMenu]] Komponente verwendet. Auf etwas klicken bedeutet immer ein Linksklick, ein Rechtsklick wird explizit erwähnt. | |
| 2 | 2 | ||
| 3 | 3 | ## Beschreibung | |
| 4 | 4 | ||
| 5 | 5 | [[doc:lcl/menus/tmainmenu.html|TMainMenu]] - das Hauptmenü, welches am oberen Rand der meisten Fenster von Anwendungen erscheint. | |
| 6 | 6 | ||
| 7 | 7 | Das MainMenu ist eine nicht-sichtbare Komponente: das heißt, wenn aus der Komponentenpalette das Symbol ausgewählt und auf dem Formular platziert ist, wird es nicht zur Laufzeit angezeigt. Stattdessen wird eine Menüleiste mit einem von der Menü-Editor definierten Struktur angezeigt. | |
| 8 | 8 | ||
| 9 | 9 | Um den Menü-Editor zu sehen, rechtsklicken Sie auf das Mainmenü-Symbol auf Ihrem Formular. | |
| 10 | 10 | ||
| 11 | - | ||
| 12 | - | ||
| 13 | - | ||
| 14 | - | ||
| 11 | + |  | |
| 15 | 12 | ||
| 16 | 13 | ## Gepflogenheiten | |
| 17 | 14 | ||
| 18 | 15 | Es ist üblich, den vor den Namen von Menüs mit *mnu* oder *menu* voranzustellen. In den Untermenüs wird diese Vorgehen fortgeführt, indem vorangestellt wird, in welchem Menü sie sich befinden, z.B. das Untermenü "Ausschneiden" (engl. Cut) im HauptMenü "Bearbeiten" (engl. Edit) wird in der Regel den Namen *mnuEditCut* oder *menuEditCut* erhalten. Dies ist eine Gedächtnisstütze und macht es bei später notwendigen Änderungen leichter, noch zu wissen, um welches Menü es sich handelt. Bitte beachten Sie, dass dies nur ein Hinweis und nicht zwingend erforderlich ist, aber wenn Sie es auf diese Weise tun, wird es wahrscheinlich für Sie einfacher, später Änderungen zu machen, zu verstehen, was der Code macht, wenn Sie eine Weile nicht hineingesehen haben oder jemand anderes Ihr Programm warten muss. | |
| 19 | 16 | ||
| 20 | 17 | ## Erstellen von Menüs | |
| 21 | 18 | ||
| 22 | 19 | 1. Wählen Sie das TMainMenu und legen Sie dieses auf dem [[TForm/de|Formular]] ab (zuerst auf der Komponentenpalette "Standard" die Komponente "TMainMenu" anklicken, dann auf das Formular klicken). Die Komponente wird auf dem Formular angezeigt (ein Quadrat mit einer Darstellung eines Dropdown-Menüs und dem Namen der Komponente, Standard ist *MainMenu1*). | |
| 23 | 20 | 2. Wenn Sie *MainMenu1* nicht mögen und diesem einen anderen Namen geben wollen, gehen Sie im Objektinspektor auf die Eigenschaft "Name" und ändern Sie diesen auf etwas, was Ihnen besser gefällt. Lassen Sie uns sagen, dass wir ihn ändern zu *XMenu*. Geben Sie **XMenu** in das Editfeld rechts von der Name-Eigenschaft ein und drücken Sie Enter. Der Name auf der Komponente ändert sich. | |
| 24 | 21 | 3. Rechtsklicken Sie nun auf XMenu, ein Pop-up-Menü erscheint. Klicken Sie auf den ersten Eintrag **Menü-Editor**. | |
| 25 | 22 | 4. Der Menü-Editor wird geöffnet und erstellt schon einen Menüpunkt, mit der Beschriftung "New Item1". Dies wird das Menü der obersten Ebene (Top-Level-Menü), ähnlich dem "Datei Bearbeiten Ansicht Hilfe"-Menüs, wie Sie es schon bei anderen Anwendungen gesehen haben. Wahrscheinlich wollen Sie es ändern, so klicken Sie darauf und gehen zum Objektinspektor. | |
| 26 | 23 | 5. Im Objektinspektor, ändern Sie die Name-Eigenschaft von MenuItem1 zu etwas besser geeignetem. Sagen wir, dies ist das Menü Datei (engl. File), also ändern Sie den Namen, indem Sie **mnuFile** eingeben und mit Enter bestätigen. | |
| 27 | - | ||
| 28 | - | ||
| 29 | - | ||
| 24 | + | 6. Wir wollen eine bessere Beschriftung als "New Item1". Gehen Sie auf die Caption-Eigenschaft, und geben Sie **&Datei** ein und drücken Sie Enter. Das Und-Zeichen **&** vor dem Namen ist ein *Beschleuniger*, der mit dem Drücken der Taste \[Alt\] und dem unterstrichenem Symbol das Öffnen eines Menüs ermöglicht (siehe [HotKey oder ShortCut](http://de.wikipedia.org/wiki/Tastenkombination)). Die Beschriftung für das Menü ändert sich zu **Datei**. Der ShortCut-Buchstabe wird zur Laufzeit allerdings erst unterstrichen dargestellt, wenn der Nutzer die Taste \[Alt\] drückt. | |
| 25 | + | 7. Jetzt wollen wir noch weitere Top-Level-Menüeinträge erstellen. Gehen Sie zurück zu dem Menü-Editor-Fenster. Klicken Sie mit der rechten Maustaste auf Datei. Ein Popup-Menü erscheint. Klicken Sie auf *Neuen Eintrag einfügen (dahinter)*. Ein neues Menü, genannt *New Item2* erscheint. Wie in den letzten beiden Positionen erläutert, ändern Sie im Objektinspektor den Namen zu **mnuHelp** und die Bezeichnung (Caption) zu **&Hilfe**. | |
| 26 | + | 8. Jetzt wollen wir noch ein Untermenü (engl. Submenu) erstellen. Dazu rechtsklicken Sie auf Datei und wählen **Erzeuge Untermenü**. Das Menü Datei hat jetzt ein Untermenü (an dem Pfeil zu erkennen) bezeichnet als *New Item3*. | |
| 30 | 27 | 9. Ändern Sie die Bezeichnung zu etwas Sinnvollem, z.B. "Öffnen". Gehen Sie in den Objektinspektor und ändern Sie diesem Menüeintrag die Eigenschaft Name zu **mnuFileOpen** und Caption zu **Ö&ffnen**. | |
| 31 | - | ||
| 28 | + | 10. Nun benötigen wir noch ein Top-Level-Menü zwischen **Datei** und **Hilfe**. Sie können entweder auf **Datei** rechtsklicken und **Neuen Eintrag einfügen (dahinter)** wählen oder auf **Hilfe** rechtsklicken und **Neuen Eintrag einfügen (davor)** wählen. | |
| 32 | 29 | 11. Ändern Sie dessen Bezeichnung (Caption) zu **B&earbeiten** (engl. Edit) und Name zu **mnuEdit**. | |
| 33 | 30 | 12. Verfahren Sie so weiter mit jedem Menü oder Untermenü, welche Sie benötigen. | |
| 34 | 31 | ||
| 35 | 32 | Ihr nun so erstelltes Menü wird zur Laufzeit angezeigt und ermöglicht dem Nutzer auf die einzelnen Menüs zu klicken. Allerdings wird bei einem Klick noch nicht wirklich was geschehen. Damit Sie Menüpunkte haben, die etwas tun, müssen Sie jedem Menü bzw. Untermenü ein [Ereignis](http://de.wikipedia.org/wiki/Ereignis_%28Programmierung%29) (engl. Event) zuweisen, welches dann auf dessen Klicken reagiert. Im Normalfall benötigen Top-Level-Menüs keine [[Event order/de|Ereignisbehandlungsroutinen]] (engl. listener, observer, event handler), sie dienen zumeist nur der besseren Übersicht und Sortierung, reagieren werden die Untermenüs.\ | |
| 36 | 33 | Sie haben zwei Möglichkeiten, in den Menüs zu reagieren: | |
| 37 | 34 | ||
| 38 | 35 | - Sie können die Ereignisse einzeln in die Menüs einfügen | |
| 39 | 36 | - Sie können ein [[TActionList/de|TActionList]] Komponente verwenden.\ | |
| 40 | 37 | ||
| 41 | 38 | Der Hauptgrund für den Einsatz einer TActionList ist, wenn Sie planen, eine Symbolleiste mit Symbolen, die den Menüeinträgen entsprechen, in Ihrer Anwendung zu erstellen. Als Beispiel, Sie haben in dem Menü "Datei", die Untermenüs "Neu", "Öffnen", "Speichern", "Speichern unter" , "Beenden" , etc. und fügen eine Symbolleiste mit den Schaltflächensymbolen (engl. Icons) Neu, Öffnen, Speichern und Speichern hinzu, können Sie mittels der TActionList die verschiedenen Events den jeweiligen Menüeinträgen und Symbolen zuordnen und sparen sich somit das Schreiben von zwei Routinen. Das Untermenü "Neu" verwendet dann die gleiche Procedur wie das Symbol "Neu". Wie eine TActionList verwendet wird, wird in [[TActionList/de|TActionList]] näher (z.Zt. dieser Übersetzung (13 May 2014) noch nicht erstellt) erklärt.\ | |
| 42 | 39 | Nachfolgend wird erklärt, wie Sie die Ereignisse von Menüklicks mit Hilfe des Objektinspektors bearbeiten. | |
| 43 | 40 | ||
| 44 | 41 | ## Machen, dass das Menü tatsächlich etwas tut | |
| 45 | 42 | ||
| 46 | - | ||
| 43 | + | - Gehen Sie zurück zu dem Menü-Editor und wählen Sie auf das **Öffnen** Untermenü von **Datei** mit einem Klick an. Gehen Sie nun auf die Objekt-Inspektor-Fenster, und wählen Sie den Reiter **Ereignisse**. Die einzigste Ereigniss, die Sie wirklich ändern wollen, ist *OnClick*, das aktuell noch leer ist. Wenn Sie schon einen vorhandenen Eventhandler benutzen wollen, können Sie diesen verwenden und entsprechend auswählen, ansonsten können Sie sich von Lazarus einen erstellen lassen. Auf der rechten Seite ist ein Button mit 3 Punkten. Klicken Sie diesen an, und ein neue Procedure (Ihr neu erstellter Eventhandler) wird im Code erstellt und die Ansicht wechselt zum Quelltexteditor. Ihre Procdure wird in etwa so aussehen: | |
| 47 | 44 | ||
| 48 | 45 | ``` pascal | |
| 49 | 46 | procedure TfrmMain.mnuFileOpenClick(Sender: TObject); | |
| 50 | 47 | begin | |
| 51 | 48 | ||
| 52 | 49 | end; | |
| 53 | 50 | ``` | |
| 54 | 51 | ||
| 55 | 52 | - Zwischen den Anweisungen (Statements) **begin** und **end** können Sie nun die Anweisungen für den Menü-Eintrag-Klick *Öffnen* einfügen.\ | |
| 56 | 53 | ||
| 57 | - | ||
| 58 | 54 | In Ihrem Fall könnten Sie ein TOpenDialog-Steuerelement auf die Form einfügen und den Standard-Dialog für Ihre Zwecke nutzen: | |
| 59 | 55 | ||
| 60 | 56 | - Legen Sie dafür ein [[TOpenDialog]]-Steuerelement (Komponentenpalette Dialogs) auf Ihrer Form ab (Name *OpenDialog1*). Nun ändern Sie Ihre Procedure zu: | |
| 61 | 57 | ||
| 62 | 58 | ``` pascal | |
| 63 | 59 | procedure TfrmMain.mnuFileOpenClick(Sender: TObject); | |
| 64 | 60 | begin | |
| 65 | 61 | if OpenDialog1.Execute then //nur wenn eine Datei gewählt wurde | |
| 66 | 62 | ShowMessage(OpenDialog1.Filename); //den Namen (incl. Pfad) der gewählten Datei anzeigen | |
| 67 | 63 | end; | |
| 68 | 64 | ``` | |
| 69 | 65 | ||
| 70 | - | ||
| 66 | + | - Analog verfahren Sie mit anderen Menüeinträgen (für ein **Speichern**-Untermenü, können Sie ein [[TSaveDialog]]-Steuerelement nutzen) und wiederholen die Schritte von Wahl des Untermenüs bis Einfügen Ihres eigenen Codes in den jeweiligen Eventhandler. | |
| 71 | 67 | ||
| 72 | 68 | ## Checkbox Menü | |
| 73 | 69 | ||
| 74 | 70 | Wollen Sie ein Menüeintrag, der wie bei einer [[TCheckBox/de|Checkbox]] eine Markierung an- oder abschaltet, wenn ein Nutzer darauf klickt, dann können Sie wie folgt verfahren: | |
| 75 | 71 | ||
| 76 | - | ||
| 77 | - | ||
| 72 | + | - Gehen Sie in den Menu Editor und wählen Sie den entsprechenden Menüpunkt aus. In unserem Fall klicken Sie auf **Bearbeiten**. | |
| 73 | + | - Erstellen Sie nun ein Untermenü unterhalb Bearbeiten. Dazu rechtsklicken Sie darauf und wählen Sie **Erzeuge Untermenü**. Gehen Sie in den Objektinspektor und wählen Sie den Reiter **Eigenschaften** und geben dem Untermenü den Namen **mnuEditBackup** und die Caption **&Backup anlegen**. | |
| 78 | 74 | - Die Einstellung für das Property *Checked* (angehakt) ist standardgemäß False (nicht angehakt). Wenn die Voreinstellung für das Menü *Checked* sein soll, doppelklicken Sie auf den Eintrag um ihn von False auf True zu ändern. | |
| 79 | 75 | - Jetzt wählen Sie den Reiter **Ereignisse**, wählen die Eigenschaft **Click** und den Button \[...\]. | |
| 80 | 76 | - Lazarus wechselt jetzt zum Quelltexteditor und erstellt den Eventhandler für den Klickevent dieses Untermenüs. | |
| 81 | 77 | - Zwischen den Anweisungen (Statements) **begin** und **end** können Sie nun folgende Zeile einfügen: | |
| 82 | 78 | ||
| 83 | 79 | ``` pascal | |
| 84 | 80 | procedure TfrmMain.mnuEditBackupClick(Sender: TObject); | |
| 85 | 81 | begin | |
| 86 | 82 | mnuEditBackup.Checked := not mnuEditBackup.Checked; | |
| 87 | 83 | end; | |
| 88 | 84 | ``` | |
| 89 | 85 | ||
| 90 | 86 | - Diese Codezeile wird den Wert von angehakt auf nicht nicht angehakt (oder umgekehrt) stellen. | |
| 91 | 87 | - Um in Ihrem Code auszulesen, ob das Menü angehakt ist, können Sie einfach **`mnuEditBackup.checked`** abfragen. Das Property *Checked* kann wie jede andere [[Boolean/de|Boolean]]-Variable genutzt werden. | |
| 92 | 88 | ||
| 93 | 89 | ## Trennlinien | |
| 94 | 90 | ||
| 95 | - | ||
| 91 | + | Manchmal wollen Sie vielleicht ein Menü erstellen, dass Trennlinien enthält. Zum Beispiel, ein **Bearbeiten** Menü soll die Untermenüs **Ausschneiden**, **Kopieren** und **Einfügen** enthalten, dann soll eine Trennlinie vor dem nächsten Untermenü sein: | |
| 96 | 92 | ||
| 97 | 93 | - Erstellen Sie einfach ein neues Untermenü. | |
| 98 | 94 | - Ändern Sie die Caption zu einem einfachen Bindestrich. | |
| 99 | 95 | ||
| 100 | 96 | ## Tastenkombination | |
| 101 | 97 | ||
| 102 | 98 | Wollen Sie einem Menü eine bestimmte Tastenkombination zuweisen können Sie wie folgt verfahren: | |
| 103 | 99 | ||
| 104 | 100 | - Wählen Sie im Menüeditor das Menü aus, welches eine Tastenkombination zugewiesen bekommen soll. | |
| 105 | 101 | - Im Objektinspektor gehen Sie auf die Eigenschaft *ShortCut* und klicken Sie auf den Button \[...\]. | |
| 106 | 102 | - Es erscheint ein Fenster, in dem Sie die gewünschte Tastenkobination für Ihren Menüeintrag auswählen können. | |
| 107 | 103 | - Zur Laufzeit wird nun mit dieser Tastenkobination der Eventhandler für Ihren Menüeintrag (so, als hätten Sie auf diesen geklickt) aufgerufen. | |
| 108 | 104 | ||
| 109 | 105 | ## Bild vor einem Menü | |
| 110 | 106 | ||
| 111 | 107 | Wollen Sie Ihr Menü optisch ansprechender gestalten oder eine optische Zuordnung, von Menüeinträgen zu einer möglichen Symbolleiste, herstellen, können Sie Bilder vor die Menüs stellen. Folgende Schritte sind dafür notwendig: | |
| 112 | 108 | ||
| 113 | 109 | - Fügen Sie Ihrem [[TForm/de|Formular]] eine [[TImageList/de|TImageList]] hinzu. Zu finden ist diese auf der Komponentenpalette *Common Controls*. Einfach anklicken und das Formular anklicken, schon wird die TImageList mit dem Namen *ImageList1* auf dem Formular erstellt. Diese ImageList wird alle Symbole bzw. Bilder enthalten, die vor den Menüs angezeigt werden sollen. | |
| 114 | 110 | - Rechtsklicken Sie nun auf die *ImageList1* und Öffnen Sie den **ImageList-Editor**. | |
| 115 | 111 | - Fügen Sie nun nacheinander alle Bilder, die Sie für Ihre Menüs benötigen, der ImageList hinzu. Dazu einfach den Button *Hinzufügen* klicken und wie gewohnt ein entsprechendes Bild auswählen. | |
| 116 | 112 | - Wenn Sie alle benötigten Bilder in die ImageList eingefügt haben, bestätigen Sie Ihre Auswahl mit dem Button \[OK\] und der ImageList-Editor wird wieder geschlossen. | |
| 117 | 113 | - Nun müssen Sie Ihr MainMenu auswählen, und im Objektinspektor die Eigenschaft *Images* auf Ihre ImageList setzen. Wählen Sie einfach in der daneben liegenden Combobox Ihre ImageList *ImageList1* aus. | |
| 118 | 114 | - Jetzt öffnen Sie wieder den Menüeditor Ihres Menüs und wählen das Menü, welches ein Bild erhalten soll, aus. | |
| 119 | 115 | - Gehen Sie im Objektinspektor auf die Eigenschaft *ImageIndex* von Ihrem Menü und wählen in der daneben liegenden Combobox, das anzuzeigende Bild aus. | |
| 120 | 116 | - Wählen Sie im Menüeditor das nächste Menü und weisen Sie diesem ebenfalls das entsprechende Bild zu. u.s.w. | |
| 121 | 117 | ||
| 122 | 118 | --- | |
| 123 | 119 | *From the Free Pascal wiki, page "TMainMenu/de", as it stood on 2020-03-01 after a change by Trev, out of the wiki's dump of 2024-05-26. Copyright stays with the author who wrote it, according to the old wiki's [[Licensing]] page. If you have concerns about this material, [message the admin](/wiki-contact).* |