Windows phone 7 之 圖片樣式效果

來源:互聯網
上載者:User

裁剪樣式:

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>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.