Windows Presentation Foundation Layout with Panels.ppt

Windows Presentation FoundationLayout with Panels By Kester Marrain Chapter Overview Canvas StackPanel WrapPanel DockPanel Grid Primitive Panels Handling Content Overflow Examples of Bad Layout CANVAS The canvas is the most basic panel. Canvas only supports the “classic” notion of positioning elements with explicit coordinates (coordinates are device independent pixels). Canvas also enables you to specify coordinates relative to any corner of it. Canvas - continued Elements can be positioned by using a canvas’ attached properties: Left, Top, Right, Bottom and ZIndex. In essence, choosing the corner in which to “dock” each element and attached properties serve as margins. Elements cannot use more than two of the canvas’ attached properties. Canvas - Continued Canvas - Continued Canvas - continued Stack Panel Stack panels do not define their own attached properties. There is only one way to customize the behavior of StackPanel – setting its orientation property to Horizontal or Vertical (Vertical is the default). Stack Panel - continued Stack Panel - continued When FlowDirection is set to RightToLeft, stacking occurs right to left for a stack panel with a horizontal orientation. Stack Panel - continued Stack Panel - continued Wrap Panel - continued Similar to StackPanel but in addition to stacking, it wraps its child elements to additional rows and columns when there is not enough space for a single stack. Like a stack panel the wrap panel has no attached properties for controlling element positions. Wrap Panel - continued Defines three properties for controlling its elements behavior: Orientation – Just like stack panel with default of horizontal. ItemHeight - A uniform height for all child elements. ItemWidth – A uniform width for all child elements. Wrap Panel - continued You can force wrap panels to arrange elements in a single row or column by setting its Width for Horizontal and Height for Vertical to Double.MaxValue or Double.PositiveInfinity. In XAML this