![\"Eingeklapptes](\"..\/fileadmin\/_temp_\/2020_02\/pic_213_001.png\")
<\/p>\nManchmal wird es eng in einem Fenster mit vielen oder großen Steuerelementen. Oder Sie haben Steuerelemente, die nicht unbedingt immer sichtbar sein müssen. Dann ist das Expander-Steuerelement genau das Richtige: Mit diesem können Sie Bereiche im Fenster definieren, die bei Bedarf ausgeklappt werden können. Dieser Artikel zeigt die grundlegenden Techniken des Expander-Steuerelements.<\/b><\/p>\n
Mit dem Kombinationsfeld haben Sie schon ein Steuerelement kennengelernt, mit dem Sie Platz in Ihren Fenstern sparen können – dort zeigen wir die zur Verfügung stehenden Einträge in einem Auswahlfeld an, das nach der Auswahl wieder verschwindet. <\/p>\n
Das Expander<\/b>-Steuerelement arbeitet ganz ähnlich. Hier definieren Sie allerdings weitere Steuerelemente, die durch Aufklappen des Expander<\/b>-Steuerelements angezeigt werden können. Das Expander<\/b>-Steuerelement kann allerdings nur ein einziges untergeordnetes Steuerelement aufnehmen.<\/p>\n
Wenn Sie dennoch mehrere Steuerelemente anzeigen wollen, verwenden Sie eines der verfügbaren Container-Steuerelemente wie beispielsweise das StackPanel<\/b>-Steuerelement. Darin können Sie dann die gewünschten Steuerelemente anlegen. Sie können aber auch ein Grid<\/b>-Steuerelement als Inhalt des Expander<\/b>-Steuerelements angeben.<\/p>\n
Ein Expander<\/b>-Steuerelement sieht im eingeklappten Zustand wie in Bild 1 aus. Es zeigt dann nur eine Schaltfläche mit einem Pfeil nach unten an sowie einen Text. Dieser liefert optimalerweise einen Hinweis darauf, welche Steuerelemente sich dahinter verbergen.<\/p>\n
<\/p>\n
Bild 1: Eingeklapptes Expander-Steuerelement<\/span><\/b><\/p>\n Nach dem Anklicken des Pfeils nach unten werden die enthaltenen Steuerelemente angezeigt. Die darunter befindlichen Steuerlemente werden dann nach unten verschoben (siehe Bild 2). Außerdem ändert sich das Symbol der Schaltfläche in einen nach oben zeigenden Pfeil.<\/p>\n Bild 2: Ausgeklapptes Expander-Steuerelement<\/span><\/b><\/p>\n Der Code hinter diesem Expander<\/b>-Steuerelement sieht wie folgt aus:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>![\"Ausgeklapptes](\"..\/fileadmin\/_temp_\/2020_02\/pic_213_002.png\")
<\/p>\n<Window x:Class=\"MainWindow\" ... Title=\"MainWindow\" Height=\"450\" Width=\"800\">\r\n <Grid>\r\n <!--Grid-Definitionen-->\r\n <Expander Header=\"Ein Expander-Steuerelement\">\r\n <StackPanel>\r\n <Button x:Name=\"btn1\">Schaltfläche 1<\/Button>\r\n <Button x:Name=\"btn2\">Schaltfläche 2<\/Button>\r\n <Button x:Name=\"btn3\">Schaltfläche 3<\/Button>\r\n <\/StackPanel>\r\n <\/Expander>\r\n <Button Grid.Row=\"1\">Schaltfläche unter dem Expander<\/Button>\r\n <\/Grid>\r\n<\/Window><\/pre>\n
\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