WPF Tutorial - Stackpanel, Grid, Canvas, WarpPanel, DockPanel und UniformGrid -- Visual C# .NET

WPF Container wie das Stackpanel, Grid, WrapPanel, Uniformgrid oder Canvas sind Steuerelemente mit integrierten Layoutfunktionen. In diesem Tutorial gebe ich einen kurzen Überblick über die verschiedenen Möglichkeiten der einzelnen Container. Alle können mit den Eigenschaften Width und Height versehen werden sowie den beiden Eigenschaften Margin und Padding für den Außen- bzw. Innenabstand. Das Stackpanel wird dazu verwendet um Objekte vom Typ UIElement übereinander zu stapeln. Das bedeutet jedes Element kommt in eine neue „Zeile". Das Grid ist eine Art Tabelle. Ihr Aussehen und die Anzahl der Zellen wird über Row.Definitions und Column.Definitions bestimmt. Dem folgen die eigentlichen UI Steuerelemente wie Buttons, Labels oder Checkboxen. Diese wiederum erhalten ihre Position über sogenannte attached Properties. Das Uniformgrid ist in seiner Verwendung einfacher hier werden die enthaltenen Steuerelemente automatisch angeordnet und alle in der gleichen Größe dargestellt. Mittels der Eigenschaften Rows und Columns kann man die Darstellung anpassen der Rest geht vollkommen automatisch. Das Wrappanel funktioniert so ähnlich wie das Stackpanel mit dem Unterschied, dass die Elemente nicht Vertikal sondern Horizontal arrangiert und wenn nötig umgebrochen werden. Das Dockpanel ist relativ frei in seiner Verwendung. Hier wird den UIElement Objekten mittels Dockpanel.Dock die entsprechende Position zugeweisen. Dies kann sein Links (default), Rechts, Oben oder Unten. Die Eigenschaft LastChildFill veranlasst das Dockpanel das letzte Element welches ihm zugewiesen wurde in der Größe derart anzupassen, dass es den kompletten verbleibenden Zeichenbereich ausfüllt. Der Canvas Container ist eine freie Zeichenfläche. Hier können Elemente wie Ellipsen, Boxen oder sonstige Pixel genau positioniert werden. Man sollte den Canvas Container aber nur für Vektorgrafiken benutzen nicht für Steuerelemente wie Buttons, Checkboxen oder Textblock-Elemente. Die WPF Container selbst können auch ineinander verschachtelt werden so ist es Möglich ein Stackpanel zu erstellen, und ihm zuerst eine MenuBar zuzuweisen, dann ein Grid und zum Schluss eine Statusbar.

[ShinigamiZone]

das uniformgrid ist echt richtig geil!
wollte bald nochmal minesweepers als app für win8 programmieren und da is uniformgrid ja mal richtig gut!

bitte noch mehr zu xaml zb wären einzelne tags ganz gut
also zu jedem tag einfach mal n bischen die (ähm?) eigenschaften durchgehen und näher erklären

ps: bitte lies nicht vor sondern bleib menschlich XD

[OnMatthias]

Expression Blend for Visual Studio 2012 :)

[Mirrari]

ffs If you don't talk in English DON'T WRITE AN ENGLISH TITLE