[WindowsPhone] 隨貼即用 - XAML 旋轉圖片
2013-11-06
簡述 : 在設計Windows Phone APP 時候，可以做旋轉製造不同效果
難度 : ★
範例敘述: 三張圖片，分別順序為 第一張X轉60度，第二章Y轉60度，第三張Z轉60度
程式碼:
<Grid x:Name="LayoutRoot" Background="Transparent">
<Image Height="200" HorizontalAlignment="Stretch" Margin="10,10,10,10" VerticalAlignment="Top" Source="angelababy.jpg" Stretch="UniformToFill" >
<Image.Projection>
<PlaneProjection RotationX="60" ></PlaneProjection>
</Image.Projection>
</Image>
<Image Height="200" HorizontalAlignment="Stretch" Margin="10,220,10,10" VerticalAlignment="Top" Source="angelababy.jpg" Stretch="UniformToFill" >
<Image.Projection>
<PlaneProjection RotationY="60" ></PlaneProjection>
</Image.Projection>
</Image>
<Image Height="200" HorizontalAlignment="Stretch" Margin="10,430,10,10" VerticalAlignment="Top" Source="angelababy.jpg" Stretch="UniformToFill" >
<Image.Projection>
<PlaneProjection RotationZ="60" ></PlaneProjection>
</Image.Projection>
</Image>
</Grid範例結果:
參考連結:
http://msdn.microsoft.com/zh-tw/library/system.windows.media.planeprojection(v=vs.95).aspx
下載源碼: