WPF的UI布局(Layout)WPF读书笔记(第三天)

    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>

QQ截图20140704114333

你可能感兴趣的:(layout)