Silverlight开始在整个网站积累更深入的体验

核心提示： 一个 Canvas 可以有一或多个子项，子 Canvases 又可以创建它们自己的子项，Silverlight开始在整个网站积累更深入的体验(4)，Canvas 子项有相对于其父项的位置，而不是对根 Canvas，左上为红色，右下为黑色，下面的示例中，一个 Canvas 包含一个矩形 (R

一个 Canvas 可以有一或多个子项，子 Canvases 又可以创建它们自己的子项。Canvas 子项有相对于其父项的位置，而不是对根 Canvas。下面的示例中，一个 Canvas 包含一个矩形 (Rectangle)，该矩形放在距其父项左上角 25 像素的位置。

<Canvas Width=”250” Height=”200”>
　<Rectangle Canvas.Top=”25” Canvas.Left=”25”
　　　 Width=”200” Height=”150” Fill=”Black” />
</Canvas>

XAML 内部

Silverlight XAML 支持多种形状，能够合成复杂的对象。支持的基本图形包括矩形、椭圆、线条、多边形、复合线和路径。它们大多数都是不解自明的。复合线允许定义一系列相连的线段。路径允许定义一个通过 Canvas 的非线性路径（如同涂鸦）。

画笔决定如何在屏幕上绘制对象。用 Fill 绘制内容，用 Stroke 绘制轮廓。画笔分纯色画笔、渐变画笔和图像画笔几种。纯色画笔通过 fill 属性（如前例使用的 Fill="Black"）的固定色、或使用 SolidColorBrush 作为附加属性实现（如下所示）：

　 <Rectangle Canvas.Top=”25” Canvas.Left=”25”
　　　　　Width=”200” Height=”150”>
　　　<Rectangle.Fill>
　　　　 <SolidColorBrush Color=”Black” />
　　　</Rectangle.Fill>
　 <Rectangle>

颜色可以通过名称（支持 141 种命名的颜色）或十六进位 RGB 定义。

渐变画笔通过在规范化空间中定义渐变域和若干渐变停留来实现。举例来说，假设在灰色阴影中，需要一个线形渐变，从右至左，从黑变白。指定渐变停留 0（规范化线的开端）为黑色、渐变停留 1（规范化线的结束）为白色。Silverlight 就将为您绘制这个渐变。渐变也可以在二维空间中用规范化矩形定义空间来绘制（0,0 为左上，1,1 为右下）。要定义一个二维的填充矩形，左上为红色，右下为黑色，中间是流畅的渐变，使用 XAML 如下：