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

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

 2009-03-09 11:58:19 来源:WEB开发网   
核心提示: 看到啦!拉伸效果,垂直布局,玩转Silverlight控件(三)——StackPanel布局(2),接下来,我们不允许按钮以拉伸方式来填充控件空间,是居中布局,同样,很简单,我们来显式地设置控件的长和宽就OK了!看代码:<StackPanelBackground="Whit

看到啦!拉伸效果,垂直布局。

接下来,我们不允许按钮以拉伸方式来填充控件空间。很简单,我们来显式地设置控件的长和宽就OK了!看代码:

<StackPanel Background="White">
  <Button Content="AAA" Width="30"></Button>
  <Button Content="BBB" Width="60"></Button>
</StackPanel>

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

垂直布局情况下也是一样,只不过我们在水平布局的时候设置的是控件的Width属性,而当我们垂直布局的时候只需要设置控件的Height属性罢了!

接下来,我们看一个小技巧,在上文中,我们看到我们可以自己定制控件的长宽,使其避免以拉伸方式填充屏幕。但是我们这个时候发现,控件都是以居中方式布局。

好了,我们在上文中提出了两种默认的布局情况,在这里我们提出第三条:

3. 默认情况下,是居中布局。

同样,我们也是考虑如何修改,这里给出两种修改的方式:

1. 为每个控件提供自己独有的布局方式:

<StackPanel Background="White">
  <Button Content="AAA" Width="30" HorizontalAlignment="Left"></Button>
  <Button Content="BBB" Width="60" HorizontalAlignment="Center"></Button>
  <Button Content="CCC" Width="30" HorizontalAlignment="Right"></Button>
</StackPanel>

Tags:Silverlight 控件 StackPanel

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