{"id":55000272,"date":"2021-10-01T00:00:00","date_gmt":"2022-02-15T13:16:44","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=272"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Seminarverwaltung_II_Ribbon_und_Frame","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Seminarverwaltung_II_Ribbon_und_Frame\/","title":{"rendered":"Seminarverwaltung II: Ribbon und Frame"},"content":{"rendered":"

\"Auswahl<\/p>\n

Bild 1: Auswahl des Verweises für die Ribbon-Definition<\/span><\/b><\/p>\n

Um eine Anwendung wie eine Seminarverwaltung ergonomisch steuern zu können, benötigen wir die Möglichkeit, alle wichtigen Elemente der Benutzeroberfläche und Funktionen schnell aufzurufen. Dazu verwenden wir ein Ribbon, dass alle benötigten Steuerelemente oben im Anwendungsfenster anbietet. Dieser Artikel zeigt, wie Sie das Ribbon für diese Anwendung definieren und wie Sie die einzelnen Funktionen vom Ribbon aus aufrufen.<\/b><\/p>\n

Um ein Ribbon zum Hauptfenster der Anwendung hinzuzufügen, benötigen wir zuerst das Ribbon<\/b>-Element. Dieses steht allerings nicht standardmäßig zur Verfügung, sodass wir noch einen Verweis zum Projekt hinzufügen. Dazu betätigen wir als Erstes den Menüeintrag Projekt|Verweis hinzufügen…<\/b>, was den Dialog Verweis-Manager <\/b>öffnet. Hier suchen wir mit dem Suchfeld oben rechts nach dem Eintrag Ribbon<\/b>, was direkt den Verweis System.Windows.Controls.Ribbon <\/b>einblendet. Diesen markieren wir und schließen den Dialog mit einem Klick auf die Schaltfläche OK<\/b> (siehe Bild 1).<\/p>\n

\"Auswahl<\/p>\n

Bild 1: Auswahl des Verweises für die Ribbon-Definition<\/span><\/b><\/p>\n

Ribbon anlegen<\/h2>\n

Danach finden wir im XAML-Code für das Hauptfenster per IntelliSense schnell das Ribbon<\/b>-Element, mit dem wir die Definition beginnen. Der Code für das Ribbon und das Frame-Element, in dem wir die einzelnen Seiten anzeigen wollen, sieht wie folgt aus. Als Erstes definieren wir ein paar Grid<\/b>-Zeilen, um das Ribbon und das Frame<\/b>-Element in jeweils einer Zeile unterzubringen:<\/p>\n

<Window x:Class=\"MainWindow\" ...\r\n         Title=\"MainWindow\" Height=\"450\" Width=\"800\" WindowStartupLocation=\"CenterScreen\">\r\n     <Grid>\r\n         <Grid.ColumnDefinitions>\r\n             <ColumnDefinition><\/ColumnDefinition>\r\n         <\/Grid.ColumnDefinitions>\r\n         <Grid.RowDefinitions>\r\n             <RowDefinition Height=\"Auto\"><\/RowDefinition>\r\n             <RowDefinition Height=\"*\"><\/RowDefinition>\r\n         <\/Grid.RowDefinitions><\/pre>\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