在Silverlight 中,image 控件可以用来显示图像。用法和前面的相似。使用Image 控
件的语法如下:
<Grid x:Name="Layout" Width="250" Height="250" Background="GREEN" ><Image x:Name="MyImage" Source="/AppleTree.png" Stretch="Uniform" ></Image></Grid>
Image.Source 属性
Source 属性用于指定图片的位置。
<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 中被用来确定图片部分显示和其他部分隐藏。
来源:https://www.cnblogs.com/eagle1986/archive/2011/05/01/2033698.html