WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(3):界面布局 阅读

学Silverlight 2系列(3):界面布局

 2008-10-03 11:36:55 来源:WEB开发网   
核心提示: 指定Canvas.ZIndex为1<Canvas Background="#46461F"><Rectangle Fill="#0099FF" Width="160" Height="80"

学Silverlight 2系列(3):界面布局

指定Canvas.ZIndex为1

<Canvas Background="#46461F">
  <Rectangle Fill="#0099FF" Width="160" Height="80"
        Canvas.Top="100" Canvas.Left="100" Canvas.ZIndex="1"/>
  
  <Rectangle Fill="#FF9900" Width="160" Height="80"
       Canvas.Top="100" Canvas.Left="100"/>
</Canvas>

将会让蓝色矩形显示在上面,值最大的显示在最上面:

学Silverlight 2系列(3):界面布局

StackPanel

StackPanel支持用行或列的方式来进行页面布局,默认情况下所有的子元素会垂直的排列显示,如下面的XAML声明三个矩形:

<StackPanel Background="#46461F">
  <Rectangle Fill="#0099FF" Stroke="White"
        Width="100" Height="50" Margin="10"/>
  <Rectangle Fill="#0099FF" Stroke="White"
        Width="100" Height="50" Margin="10"/>
  <Rectangle Fill="#0099FF" Stroke="White"
        Width="100" Height="50" Margin="10"/>
</StackPanel>

运行后在界面显示效果如下:

上一页  1 2 3 4 5  下一页

Tags:Silverlight 系列 界面

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接