玩转Silverlight控件（二）——Canvas布局

核心提示： 效果如下：大小，位置都相同，玩转Silverlight控件（二）——Canvas布局(5)，后创建的Button当然覆盖前一个Button，我们可以理解，在Silverlight中，我们最常使用的就是Canvas.而且，然而使用了ZIndex属性:<CanvasBackground=

效果如下：

大小，位置都相同，后创建的Button当然覆盖前一个Button，我们可以理解。

然而使用了ZIndex属性:

<Canvas　Background="LightBlue">
　　<Button　Content="Button"　Canvas.ZIndex="2"　Canvas.Left="20"　Width="60"　Height="30"　Canvas.Top="30"></Button>
　　<Button　Content="Test"　Canvas.ZIndex="1"　Canvas.Left="20"　Width="60"　Height="30"　Canvas.Top="30"></Button>
</Canvas>

这就得到了这样的效果：

这就是ZIndex的作用，我们知道，我们生活在一个三维空间里（我们不考虑四维的空间）。我们声明的Canvas.Top和Canvas.Left只描述了其中的二维，而ZIndex则描述的是第三维。也就是我们在空间直角坐标系的Z轴。

好，最后说明Canvas的最后一个用途。封装一组控件，还记得在Winform的应用中，我们经常使用Panel来封装一组控件，在Silverlight中，我们最常使用的就是Canvas.

而且，在Silverlight中，布局控件依然支持一系列的事件：

做个简单的例子吧：