Windows 8布局控件教程

核心提示：<HyperlinkButton Content="链接按钮" HorizontalAlignment="Center" Margin="0" Grid.Row="1" VerticalAlignment="Bottom&q

<HyperlinkButton Content="链接按钮" HorizontalAlignment="Center" Margin="0" Grid.Row="1" VerticalAlignment="Bottom" Grid.Column="1" d:IsHidden="True"/>
<HyperlinkButton Content="链接按钮" HorizontalAlignment="Center" Margin="0" Grid.Row="1" VerticalAlignment="Bottom" Grid.Column="2" d:IsHidden="True"/>
<HyperlinkButton Content="链接按钮" HorizontalAlignment="Right" Margin="0" Grid.Row="1" VerticalAlignment="Bottom" Grid.Column="3" d:IsHidden="True"/>
</Grid>

Canvas

Canvas被称为最简单的布局控件，其使用绝对位置控制对象的位置。声明定义Canvas后，对象使用附加属性Canvas.Left 和 Canvas.Top设置相对左距离和上距离，以达到控制对象显示位置的目的。另外Canvas还提供了ZIndex属性定义控件Z坐标，如果有两个控件重叠覆盖，则ZIndex值越大的控件显示在上方。

实例代码:

<Canvas Margin="0" Grid.Row="1">
<Button Content="布局按钮" Canvas.Left="785" Canvas.Top="427"/>
<TextBlock Canvas.Left="814" TextWrapping="Wrap" Text="布局文本" Canvas.Top="248" FontSize="24"/>
<TextBlock Canvas.Left="355" TextWrapping="Wrap" Text="布局文本" Canvas.Top="203" FontSize="24" />
<TextBlock Canvas.Left="420" TextWrapping="Wrap" Text="布局文本" Canvas.Top="450" FontSize="24"/>
<Rectangle Fill="Red" Height="50" Width="70" Canvas.Top="319" Canvas.Left="241" />
<Ellipse Fill="Yellow" Height="75" Width="75" Canvas.Top="202" Canvas.Left="611" />
</Canvas>

StackPanel

StackPanel控件被称为堆栈面板，也被称为列表控件，该控件没有行或者列的概念，只有水平对齐和垂直对齐的概念。在StackPanel中使用Orientation属性设置内部对象的对齐方式。

但是由于StackPanel对于内部对象位置控制较为直接和简单，通常来说，需要使用Margin属性调节对象的间距。

实例代码:

<StackPanel Margin="0" Grid.Row="1">
<Button Content="头部" HorizontalAlignment="Stretch"/>
<Button Content="垂直对齐按钮" HorizontalAlignment="Center"/>