WPF的UI布局（Layout）WPF读书笔记（第三天）_.NET

您所在的位置：程序员俱乐部 > 编程开发 > .NET > WPF的UI布局（Layout）WPF读书笔记（第三天）

WPF的UI布局（Layout）WPF读书笔记（第三天）

2014/7/4 13:02:51 肖遥程序员俱乐部我要评论(0)

摘要： WPF的布局元素有一下几个Grid：网格。可以自定义行和列并且通过行列的数目、行高和列宽来调整控件的布局。StackPanel：格式面板。可将包含的元素在水平方向或者竖直方向排成一条线。Canvas：画布。放在画布上的控件以绝对坐标进行定位。DockPanel：泊靠式面板。内部元素可以选择泊靠方向。wrapPanel：自动折行面板。内部元素排满一行后自动折行。下面主要记录下DockPanel，因为在看书的过程中
标签：笔记读书笔记

WPF的布局元素有一下几个

Grid：网格。可以自定义行和列并且通过行列的数目、行高和列宽来调整控件的布局。
StackPanel：格式面板。可将包含的元素在水平方向或者竖直方向排成一条线。
Canvas：画布。放在画布上的控件以绝对坐标进行定位。
DockPanel：泊靠式面板。内部元素可以选择泊靠方向。
wrapPanel：自动折行面板。内部元素排满一行后自动折行。

下面主要记录下DockPanel，因为在看书的过程中，我发现它是最难理解的。

DockPanel内的元素都会被附加上DockPanel.Dock这个属性，这个属性的数据类型为Dock枚举。Dock枚举可取Left，Top，Right和Bottom四个值。它有一个很重要的属性——bool类型的LastChildFil，默认是True，这样的话DockPanel.Dock会把DockPanel剩余控件充满。

下面是一个DockPanel的简单例子：

<Window x:Class="DockPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DockPanel>
            <TextBox  Text="Top" DockPanel.Dock="Top" Height="25" BorderBrush="Black"/>
            <TextBox Text="Left" DockPanel.Dock="Left" Width="150" BorderBrush="Black"/>
            <TextBox Text=" LastChild" BorderBrush="red"/>
        </DockPanel>
    </Grid>
</Window>