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 中被用來確定圖片部分顯示和其他部分隱藏。