Silverlight：Image U,V －－ Part 2

以下Grid內容包括四個Image元件，每個Image元件都使用同一張.png圖檔，其大小為200 x 200，Image元件各別秀出100 x 100的左上、右上、左下、右下四個部份。


<Grid x:Name="LayoutRoot" Background="Gray" Width="205" Height="205">
　<Image x:Name="img_TL" Stretch="None" Source="Orz.png">
　　<Image.RenderTransform>
　　　<TranslateTransform X="-2.5" Y="-2.5"/>
　　</Image.RenderTransform>
　　<Image.Clip>
　　<RectangleGeometry Rect="0,0,100,100" />
　　</Image.Clip>
　</Image>      
　<Image x:Name="img_TR" Stretch="None" Source="Orz.png">
　　<Image.RenderTransform>
　　　<TranslateTransform X="2.5" Y="-2.5"/>
　　</Image.RenderTransform>
　　<Image.Clip>
　　　<RectangleGeometry Rect="100,0,100,100" />
　　</Image.Clip>
　</Image>
　<Image x:Name="img_BL" Stretch="None" Source="Orz.png" >
　　<Image.RenderTransform>
　　　<TranslateTransform X="2.5" Y="2.5"/>
　　</Image.RenderTransform>
　　<Image.Clip>
　　　<RectangleGeometry Rect="100,100,100,100" />
　　</Image.Clip>
　</Image>      
　<Image x:Name="img_BR" Stretch="None" Source="Orz.png" >
　　<Image.RenderTransform>
　　　<TranslateTransform X="-2.5" Y="2.5"/>
　　</Image.RenderTransform>
　　<Image.Clip>
　　　<RectangleGeometry Rect="0,100,100,100" />
　　</Image.Clip>
　/Image>
</Grid>

執行結果

其中<RectangleGeometry　Rect="startX,startY,W,H" />指定的數值內容為「X軸起始位置,Y軸起始位置,X方向顯示寬度,Y方向顯示寬度」。