Silverlight 学习笔记——布局 - Evil 域 - 博客园

对于程序开发来说，创建一个友好的用户界面，提供良好的用户体验相当重要。因此，如何有效组织、布局信息，对于像Sliverlight这样，要在不同浏览器如IE、Firefox，不同显示器，不同操作系统的环境下运行的程序来说，尤为重要。

Silverlight提供了多种布局控件，例如StackPanel、WrapPanel、DockPanel、Grid和Canvas等。通过混合运用这些不同的而已控件，开发人员可以构建出各种不各样的内容布局页面。

如图所示，在Silverlight中，所有这些而已控件，均继承自Panel类。而Panel类，扩展了UIElement类的Background和Children属性。


代码

<Grid x:Name="RootLayout" ShowGridLines="True">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="20" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="20" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="30" />
<RowDefinition Height="*" />
<RowDefinition Height="60" />
</Grid.RowDefinitions>
<StackPanel Grid.Column="1" Grid.Row="2" Orientation="Horizontal" HorizontalAlignment="Right" Width="Auto">
<Button x:Name="btnOk" Content="OK" MinWidth="75" Height="24" Margin="5"/>
<Button x:Name="btnCancel" Content="Cancel" MinWidth="75" Height="24" Margin="5" />
</StackPanel>
</Grid>

我们把一个StackPanel嵌在了一个Grid的3行2列的位置，在StackPanel里，又横向的放了两人个Button。

效果如下：



水平有限，如有谬误，还望各位高人多多指点。

Little knowledge is dangerous.