XAML - 布局

• 

  简述

  控件的布局对于应用程序的可用性非常重要和关键。需要在您的应用程序中安排一组 GUI 元素。选择布局面板时需要考虑一些要点；

  • 子元素的位置。
  • 子元素的大小。
  • 重叠的子元素相互叠加。

  当应用程序在不同的屏幕分辨率上使用时，控件的固定像素排列不起作用。XAML 提供了一组丰富的内置布局面板，以适当的方式排列 GUI 元素。一些最常用和流行的布局面板如下 -

  序号	面板和说明
  1	StackPanel 堆栈面板是 XAML 中一个简单而有用的布局面板。在堆栈面板中，子元素可以根据方向属性水平或垂直排列在一行中。
  2	WrapPanel 在 WrapPanel 中，子元素根据方向属性按从左到右或从上到下的顺序排列。
  3	DockPanel DockPanel 定义了一个区域来相对于彼此排列子元素，水平或垂直。使用 DockPanel，您可以使用 Dock 属性轻松地将子元素停靠到顶部、底部、右侧、左侧和中心。
  4	CanvasPanel Canvas 面板是基本的布局面板，其中子元素可以使用相对于 Canvas 任何一侧（例如左、右、上和下）的坐标显式定位。
  5	GridPanel 网格面板提供了一个由行和列组成的灵活区域。在 Grid 中，子元素可以以表格形式排列。