WPF笔记(1.4 布局)——Hello，WPF！

原文:WPF笔记(1.4 布局)——Hello，WPF！

这一节只是第2章的引子。
布局要使用Panel控件，有四种Panel，如下：
DockPanel，就是设置停靠位置布局模型。
StackPanel，提供一个从左至右或从上至下放置内容的堆栈模型。
Grid，提供一个允许进行 行/网格定位的模型。可使用表格。
Canvas，可精确定位。

其中，Grid是最常用的，vs2005自动生成的Page和window都默认带有这个标签：

Example 1-25. A sample usage of the Grid panel
<Window >
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition />
      <RowDefinition />
      <RowDefinition />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Button Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">A</Button>
    <Button Grid.Row="0" Grid.Column="2">C</Button>
    <Button Grid.Row="1" Grid.Column="0" Grid.RowSpan="2">D</Button>
    <Button Grid.Row="1" Grid.Column="1">E</Button>
    <Button Grid.Row="1" Grid.Column="2">F</Button>
    <Button Grid.Row="2" Grid.Column="1">H</Button>
    <Button Grid.Row="2" Grid.Column="2">I</Button>
  </Grid>
</Window>

这段程序产生一个3x3表格。注意，先定义行格式，再定义列格式，最后是往单元格放入button。

Example 1-26. Arranging an image and text in a grid
<Button Width="100" Height="100">
  <Button.Content>
    <Grid>
      <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
      </Grid.RowDefinitions>
      <Image Grid.Row="0" Source="tom.png" />
      <TextBlock
        Grid.Row="1"
        HorizontalAlignment="Center">Tom</TextBlock>
    </Grid>
  </Button.Content>
</Button>

这段程序是在图片下面加了一行Caption，也是用的Grid下表格排版。

以上两个例子都有Grid.Row=1这样的语法——attached-property牵连属性。即在Grid内部定义()，在外部控件Button中指定属性值。
牵连属性的用途，事先不一定用Button填充单元格，这样对所有控件就有任意性——暂时这么想，因为没看第二章。