Silverlight图形编程系列（三）-XAML使用集合语法

使用集合语法来设置属性是一种比较特殊的设置方式，使用这种方式的元素通常都是支持一个属性元素的集合。可以使用托管代码的Add方法来添加更多的集合元素。使用集合语法设置元素实际上是向对象集合中添加属性项

xaml :

<UserControl x:Class="SilverlightApplication1.UserControls.LinearGradientBrushTest"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    
    <Grid x:Name="LayoutRoot" Background="White">
        <Canvas>
        <Rectangle Height="87" Canvas.Left="10" Canvas.Top="20" HorizontalAlignment="Left" Margin="68,58,0,0" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="191">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="#FFDECACA" Offset="0" />
                    <GradientStop Color="#FFAD5D5D" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <TextBlock Height="52" HorizontalAlignment="Left" Margin="102,80,0,0" Name="textBlock1" Text="TextBlock" VerticalAlignment="Top" Width="136" FontSize="26" />
        </Canvas>
    </Grid>
</UserControl>

<LinearGradientBrush.GradientStops>  就是一个集合属性，他的内部可以添加多个GradientStop来实现元素之间的渐变效果。

 

 

二、（使用附加属性）

附加属性是一种特殊的属性类型，附加属性作用于所有支持附加属性的元素中，Silverlight附加属性是由支持附加属性的父元素产生作用，支持附加属性的元素会继承所在的父元素属性，在Xaml中附加属性的语法为

AttachedPropertyProvider.PropertyName

其中AttachedPropertyProvider为附加属性的提供者，PropertyName为附加属性的名字，例如：

 <Rectangle Height="87" Canvas.Left="10" Canvas.Top="20" HorizontalAlignment="Left" Margin="68,58,0,0" Name="rectangle1" Stroke="Black" StrokeThickness="1" VerticalAlignment="Top" Width="191">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="#FFDECACA" Offset="0" />
                    <GradientStop Color="#FFAD5D5D" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

Rectangle中设置了Canvas.Top="328" Canvas.Left="12"属性，在使用Canvas进行布局时<Canvas>....</Canvas>之间的属性时，就会产生相对到Canvas对象的附加属性0Rectangle中设置了Canvas.Top="328" Canvas.Left="12"属性，在使用Canvas进行布局时<Canvas>....</Canvas>之间的属性时，就会产生相对到Canvas对象的附加属性0