在前面的內容中，我已經說到Silverlight多種佈局控件，如 Grid，StackPanel，WrapPanel，DockPanel，這些用來佈局的控件各有不同的用途。今天我們來學同樣用來佈局的控件——Silverlight Canvas，它是Silverlight佈局控件中唯一使用座標定位的容器控件，它不用象Grid那樣行列複雜的嵌套，直接使用Canvas.Left和Canvas.Top就可以快速和精確的定義元素位置。
來看個簡單的Silverlight Canvas例子，在下面的Silverlight Canvas中，定義了四個Button，它們分別通過Canvas的屬性定義了各自的座標位置，如下：
跟互聯力量學Silverlight之十二_Silverlight Canvas佈局_圖1
跟互聯力量學Silverlight之十二_Silverlight Canvas佈局_圖2
從運行的結果可以看出，座標的使用是很容易的，同時還可以實現元素在同一座標之間的疊加效果，那麼哪個元素在上，哪個在下呢，這就要用到Canvas.ZIndex屬性。默認情況下，每個Canvas裏面的元素Zindex值都是0，誰先呈現，誰就在下面，比如上例中的第三個Button。如果希望第三個Button顯示在第四個Button的上面，可以在第三個Button加上Canvas.ZIndex=”1″，如：<Button Canvas.Left=”60″ Canvas.Top=”80″ Canvas.ZIndex=”1″ Height=”50″
Content=”(60,80)”></Button> ，運行的效果如下：
跟互聯力量學Silverlight之十二_Silverlight Canvas佈局_圖3
有關Silverlight Canvas的應用，後面我還要講些案例，大家可以結合起來理解。這次先說到這裏。