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>

posted @ 2012-11-26 15:53  zziss  阅读(199)  评论(0编辑  收藏  举报