学Silverlight 2系列（3）：界面布局

<StackPanel Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" VerticalAlignment="Center">
　 <TextBlock Text="Alpha" FontSize="12" Margin="10,15,0,0"/>
　 <Slider x:Name="AlphaSlider" Margin="20,0,10,0" Maximum="255" Value="255" ValueChanged="RedSlider_ValueChanged"/>
　 <TextBlock Text="Red" FontSize="12" Margin="10,15,0,0"/>
　 <Slider x:Name="RedSlider" Margin="20,0,10,0" Maximum="255" Value="255" ValueChanged="RedSlider_ValueChanged"/>
　 <TextBlock Text="Green" FontSize="12" Margin="10,15,0,0"/>
　 <Slider x:Name="GreenSlider" Margin="20,0,10,0" Maximum="255" Value="102" ValueChanged="RedSlider_ValueChanged"/>
　 <TextBlock Text="Blue" FontSize="12" Margin="10,15,0,0"/>
　 <Slider x:Name="BlueSlider" Margin="20,0,10,0" Maximum="255" Value="0" ValueChanged="RedSlider_ValueChanged"/>
</StackPanel>

这样我们就完成了上面这样相对复杂的界面布局，对Slider控件添加事件处理程序：

private void RedSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
　　Color color = Color.FromArgb((byte)AlphaSlider.Value, (byte)RedSlider.Value, (byte)GreenSlider.Value, (byte)BlueSlider.Value);
　　PreviewColor.Fill = new SolidColorBrush(color);
　　HexColor.Text = color.ToString();
}运行后，可以选取不同的颜色值：

结束语

关于界面布局就说到这里，在Silverlight 2中，通过上面的三种布局控件相结合，可以进行非常强大和灵活的界面布局。