Silverlight，XAML语法一（使用集合语法）

最新推荐文章于 2019-09-08 00:02:00 发布

拉斐尔-Raphael

最新推荐文章于 2019-09-08 00:02:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Silverlight 4.0 开发学习历程文章标签： silverlight html 语言 css

本文链接：https://blog.youkuaiyun.com/oxiaoxio/article/details/6891293

Silverlight 4.0 开发学习历程专栏收录该内容

35 篇文章

订阅专栏

本文介绍了在XAML中利用集合语法和附加属性来简化元素属性的配置，通过实例展示了如何用较少的代码实现复杂的渐变效果和背景布局。同时对比了在HTML中实现类似功能的局限性，强调了XAML的强大之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<Rectangle Width="200" Height="150" Margin="12,12,488,338">
            <Rectangle.Fill>
                <LinearGradientBrush>
                    <LinearGradientBrush.GradientStops>
                        <GradientStop Offset="0.0" Color="Coral" />
                        <GradientStop Offset="1.0" Color="Green" />
                    </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

运行结果如图：

<LinearGradientBrush.GradientStops>

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

再例如：

<Canvas Margin="12,176,12,205" Width="680" Height="125">
            <Canvas.Background>
                <LinearGradientBrush>
                    <GradientStop Offset="0.0" Color="Orange" />
                    <GradientStop Offset="1.0" Color="White" />
                </LinearGradientBrush>
            </Canvas.Background>
            <TextBlock Text="Silverlight Background" Foreground="Red" FontFamily="Arial Black" 
                       FontSize="30" Canvas.Left="138" Canvas.Top="39" Height="43" Width="397"></TextBlock>
        </Canvas>

运行结果：

例子很简单，主要是为了体现XAML语言的（使用集合），但是在HTML中想实现此攻能，要么得写一大堆CSS样式，要嘛得搞几个图片。

二、（使用附加属性）

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

AttachedPropertyProvider.PropertyName

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

 <Canvas>
            <Rectangle Width="187" Height="121" Canvas.Top="328" Canvas.Left="12" Fill="Red"></Rectangle>
 </Canvas>

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