C#XAML五种布局元素下篇
XAML的五种布局元素分别为DockPanel 泊靠式面板、Grid网格、
StackPanel 栈式面板、WrapPanel 自动折行面板、Canvas画布。
StackPanel 栈式面板
StackPanel:栈式面板。栈式面板可将包含的元素在水平或垂直方向排成一条线,当移除一个元素后,后面的元素会自动向前填充空缺。StackPanel就是将控件按照行或列来顺序排列,但不会换行。通过设置面板的Orientation属性设置了两种排列方式:横排(Horizontal默认的)和竖排(Vertical)。
先给定义一个名字,然后给他自适应的位置高度。我们这里选择了竖排的Vertical
下面这个例子我们使用的是横排的Horizontal
特点:同类元素排列紧凑,移除一个元素后,后面的元素会自动向前填充空缺
WrapPanel 自动折行面板
自动折行面板。内部元素在排满一行后能够自动折行,类似于Html中的流式布局。WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。
这里也是有两个属性让你去选择怎么去排序的属性横排(Horizontal默认的)和竖排(Vertical)。
特点:内部元素在排满一行后能够自动折行
Canvas 画布
Canvas:画布。内部元素可以使用以像素为单位的绝对坐标进行定位,类似于WindowsForm 的布局方式。 画布,用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种,直接将元素放到指定位置,主要来布置图面。
我们可以选择坐标任意移动位置
特点:依赖纵横坐标,艺术性较强。
XAML的五种布局元素分别为DockPanel 泊靠式面板、Grid网格、
StackPanel 栈式面板、WrapPanel 自动折行面板、Canvas画布。
StackPanel 栈式面板
StackPanel:栈式面板。栈式面板可将包含的元素在水平或垂直方向排成一条线,当移除一个元素后,后面的元素会自动向前填充空缺。StackPanel就是将控件按照行或列来顺序排列,但不会换行。通过设置面板的Orientation属性设置了两种排列方式:横排(Horizontal默认的)和竖排(Vertical)。
先给定义一个名字,然后给他自适应的位置高度。我们这里选择了竖排的Vertical
下面这个例子我们使用的是横排的Horizontal
特点:同类元素排列紧凑,移除一个元素后,后面的元素会自动向前填充空缺
WrapPanel 自动折行面板
自动折行面板。内部元素在排满一行后能够自动折行,类似于Html中的流式布局。WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。
这里也是有两个属性让你去选择怎么去排序的属性横排(Horizontal默认的)和竖排(Vertical)。
特点:内部元素在排满一行后能够自动折行
Canvas 画布
Canvas:画布。内部元素可以使用以像素为单位的绝对坐标进行定位,类似于WindowsForm 的布局方式。 画布,用于完全控制每个元素的精确位置。他是布局控件中最为简单的一种,直接将元素放到指定位置,主要来布置图面。
我们可以选择坐标任意移动位置
特点:依赖纵横坐标,艺术性较强。