Silverlight 控件中显示图像 Image.Source 属性 需要注意的地方

在Silverlight 中，image 控件可以用来显示图像。用法和前面的相似。使用Image 控
件的语法如下：

View Code

<Grid x:Name="Layout" Width="250" Height="250" Background="GREEN" >
<Image x:Name="MyImage" Source="/AppleTree.png" Stretch="Uniform" ></Image>
</Grid>

Image.Source 属性
Source 属性用于指定图片的位置。

View Code

<Image x:Name="blue" Source="/images/DingosLogo.png" Stretch="None"/>
<Image x:Name="green" Source="images/DingosLogo.png" Stretch="None" />

注意：

1、以反斜杠开头的图片（Source="/images/DingosLogo.png"）需要放在ClientBin
目录下的相应文件夹中

2、不以反斜杠开头的图片（Source="images/DingosLogo.png"）应该放在
Silverlight 项目的目录下的相应文件夹里。

3、反斜杠开头的相对路径，代表的相对位置是应用程序运行的根目录，即.xap 压缩包内，若
在这其中寻找不到要引用的文件，则相对路径的回退机制（fallback mechanism ）自
动在在.xap 所在的目录，即为ClientBin 目录中寻找加以引用。两个位置都没有，才会
发生错误。不以"/"开头，则代表的相对位置是引用该图片的XAML 文件所在的目录，即
MainPage.xaml 文件所在的目录。

Image.stretch 属性
Stretch 属性可能有以下值：
1. None
这样不会改变image 的大小。如果图像大小大于容器的大小，图像在容器中会被裁减以适
应容器的大小。
2. Fill
在这种情况下，图像会扩大以填充容器区域。在宽高比方面（宽度和高度比）将不能保持。
3. Uniform
这是默认值。在这种情况下，图像将根据容器的大小调整，但保持宽高比不变。因此，可能
在容器和图片周围可能有空白。
4. UniformToFill
在这种情况下，图像将改变大小并填充容器，如果需要的话宽高比将做一些微调。

Width 和Height 属性
图片的宽、高属性将覆盖Stretch 属性。如果指定宽、高属性，则Stretch 属性被忽略。
Image.Clip 属性
Image 控件的Clip 属性在Silverlight 中被用来确定图片部分显示和其他部分隐藏。