Silverlight专题（8）-布局介绍

核心提示： 运行结果如下： 最后再介绍下Border控件这个控件在布局的时候经常会用到特别是它的圆角功能，屡试不爽^_^如QQ TM版本的登陆界面的圆角（CornerRadius属性）就可以用Silverlight很快实现大致的模拟下上面部分如下：1<Border Width="180

运行结果如下：

最后再介绍下Border控件

这个控件在布局的时候经常会用到

特别是它的圆角功能，屡试不爽^_^

如QQ TM版本的登陆界面的圆角（CornerRadius属性）就可以用Silverlight很快实现

大致的模拟下上面部分如下：

1<Border Width="180" Height="600" CornerRadius="8,8,8,15" Margin="10">　
2　　 <Border.Background>　
3　　　　 <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">　
4　　　　　　 <GradientStop Offset="0.05" Color="#73CFFF"></GradientStop>　
5　　　　　　 <GradientStop Offset="0.05" Color="#D7EDFF"/>　
6　　　　　　 <GradientStop Offset="1" Color="#D7EDFF"/>　
7　　　　 </LinearGradientBrush>　
8　　 </Border.Background>　
9　　 <Grid>　
10　　　　 <Grid.RowDefinitions>　
11　　　　　　 <RowDefinition Height="30"/>　
12　　　　　　 <RowDefinition/>　
13　　　　 </Grid.RowDefinitions>　
14　
15　　　　 <Grid Margin="5,0">　
16　　　　　　 <TextBlock Text="QQ 2009 Preview" Foreground="White" VerticalAlignment="Center"/>　
17　　　　　　 <StackPanel HorizontalAlignment="Right" VerticalAlignment="Top" Orientation="Horizontal">　
18　　　　　　　　 <Image Width="20" Source="Icons/2.png"/>　
19　　　　　　　　 <Image Width="20" Source="Icons/1.png"/>　
20　　　　　　　　 <Image Width="20" Source="Icons/3.png"/>　
21　　　　　　 </StackPanel>　
22　　　　 </Grid>　
23　　 </Grid>　
24</Border>

运行结果如图（图标没有严格按照qq自己的图标，大家见谅，毕竟我不是美工，呵呵）：

如何布局谋篇大家还是需要在实际的项目中去学习和总结

我在这里只是粗略的介绍下，希望对大家有所帮助