Silverlight专题（8）-布局介绍

核心提示： StackPanel：以水平或者垂直方向依次排列放在里面的控件（通过Orientation这个属性来决定，Horizontal为水平排列，Silverlight专题（8）-布局介绍(2)，Vertical为垂直排列-默认模式）如下所示为水平方向放置：1<StackPanel Ori

StackPanel：以水平或者垂直方向依次排列放在里面的控件（通过Orientation这个属性来决定，Horizontal为水平排列，Vertical为垂直排列-默认模式）

如下所示为水平方向放置：

1<StackPanel Orientation="Horizontal">　
2　　 <Image Width="80" Source="Image/blue.jpg" Margin="2,0"/>　
3　　 <Image Width="80" Source="Image/red.jpg" Margin="2,0"/>　
4　　 <Image Width="80" Source="Image/green.jpg" Margin="2,0"/>　
5　　 <Image Width="80" Source="Image/orange.jpg" Margin="2,0"/>　
6</StackPanel>

运行结果如下：

最后一种布局工具是Canvas：一种通过绝对坐标来定位控件放置位置的布局控件

其使用两个属性Canvas.Left（离左边多远，为double型数据）和Canvas.Top（离顶端多远，为double型数据）来定位放置在Canvas中的控件的绝对位置

范例如下：

1<Canvas>　
2　　 <Rectangle Fill="Blue" Canvas.Left="20" Canvas.Top="20" Width="80" Height="80"/>　
3　　 <Rectangle Fill="Red" Canvas.Left="110" Canvas.Top="20" Width="80" Height="80"/>　
4　　 <Rectangle Fill="Green" Canvas.Left="200" Canvas.Top="20" Width="80" Height="80"/>　
5　　 <Rectangle Fill="Orange" Canvas.Left="290" Canvas.Top="20" Width="80" Height="80"/>　
6</Canvas>