开发学院图形图像Flash 玩转Silverlight控件(三)——StackPanel布局 阅读

玩转Silverlight控件(三)——StackPanel布局

 2009-03-09 11:58:19 来源:WEB开发网   
核心提示: 当然,我们还可以用我们熟悉的Margin属性来改变布局方式:<StackPanelBackground="White"><ButtonContent="AAA"Width="30"Margin="10,

当然,我们还可以用我们熟悉的Margin属性来改变布局方式:

<StackPanel Background="White">
  <Button Content="AAA" Width="30" Margin="10,0,0,0"></Button>
  <Button Content="BBB" Width="60" Margin="20,40,20,19"></Button>
  <Button Content="CCC" Width="30" ></Button>
</StackPanel>

我们看到的并非我们想象中的代码,而是:

玩转Silverlight控件(三)——StackPanel布局 

其实,他的Margin的距离是这样的:(我们在这里只限于讨论水平布局的情况):

Left – Right: 于居中布局的距离

Top:于顶部控件(如果是最顶部控件则是屏幕最上方)的距离

Buttom:于底部控件(如果是最底部控件则是屏幕最下方)的距离

恩!好了,说过的水平的布局,垂直的布局其实也是一样:

我们来看下代码:

<StackPanel Background="White" Orientation="Horizontal">
  <Button Content="AAA" Width="30" VerticalAlignment="Bottom"></Button>
  <Button Content="BBB" Width="60" VerticalAlignment="Center"></Button>
  <Button Content="CCC" Width="30" VerticalAlignment="Top"></Button>
</StackPanel>

所得到的效果如下:

玩转Silverlight控件(三)——StackPanel布局

好了,StackPanel的基本布局方式就说到这里,关于StackPanel的技巧型用法也像我上文中所说的Panel局部一样,不再赘述。

在这里,我谈下对StackPanel的看法。个人认为,在实际应用中,StackPanel的应用并不广泛,他没有Panel的灵活,也没有Grid的定制,因此相对属于一个鸡肋的布局控件。

好了,今天就说到这。

欢迎大家继续关注下文:《Silverlight玩转控件(四)——Grid布局》。

上一页  1 2 3 

Tags:Silverlight 控件 StackPanel

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接