Windows phone 7 之 圖片樣式效果

裁剪樣式：

phone 7 之 圖片樣式效果" alt="Windows phone 7 之 圖片樣式效果" src="http://s12.sinaimg.cn/middle/4adf31eat750cb9fcd6eb&690" real_src="http://s12.sinaimg.cn/middle/4adf31eat750cb9fcd6eb&690" action-data="http%3A%2F%2Fs12.sinaimg.cn%2Fmiddle%2F4adf31eat750cb9fcd6eb%26690" action-type="show-slide">

代碼：

<Image
Height="150" HorizontalAlignment="Left" Margin="128,40,0,0" Name="image1"
Stretch="Fill" VerticalAlignment="Top" Width="200"
Source="111.jpg"/>

<Image Height="150" HorizontalAlignment="Left" Margin="128,269,0,0"
Name="image2" Source="111.jpg" Stretch="Fill" VerticalAlignment="Top"
Width="200">

<Image.Clip>

<RectangleGeometry Rect="5, 5, 150, 140" RadiusX="20"
RadiusY="20"/>

</Image.Clip>

</Image>

變型效果：

phone 7 之 圖片樣式效果" alt="Windows phone 7 之 圖片樣式效果" src="http://s7.sinaimg.cn/middle/4adf31eat750cba8faa06&690" real_src="http://s7.sinaimg.cn/middle/4adf31eat750cba8faa06&690" action-data="http%3A%2F%2Fs7.sinaimg.cn%2Fmiddle%2F4adf31eat750cba8faa06%26690" action-type="show-slide">

代碼：

<Image
Height="150" HorizontalAlignment="Left" Margin="125,40,0,0" Name="image1"
Stretch="Fill" VerticalAlignment="Top" Width="200"
Source="111.jpg"/>

<Image Height="150" HorizontalAlignment="Left" Margin="125,253,0,0"
Name="image2" Source="111.jpg" Stretch="Fill" VerticalAlignment="Top"
Width="200">

<Image.RenderTransform>

<RotateTransform CenterX="100" CenterY="150"
Angle="30"/>

</Image.RenderTransform>

</Image>

模糊樣式：

phone 7 之 圖片樣式效果" alt="Windows phone 7 之 圖片樣式效果" src="http://s11.sinaimg.cn/middle/4adf31eatdb8f9074f8fa&690" real_src="http://s11.sinaimg.cn/middle/4adf31eatdb8f9074f8fa&690">

代碼：

<Image Height="150" HorizontalAlignment="Left" Margin="125,40,0,0"
Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="200"
Source="111.jpg"/>

<Image Height="150" HorizontalAlignment="Left" Margin="125,253,0,0"
Name="image2" Source="111.jpg" Stretch="Fill" VerticalAlignment="Top"
Width="200">

<Image.RenderTransform>

<RotateTransform CenterX="100" CenterY="150"
Angle="30"/>

</Image.RenderTransform>

</Image>