[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

範例結果:
2013-11-06_174444


參考連結:

http://msdn.microsoft.com/zh-tw/library/system.windows.media.planeprojection(v=vs.95).aspx

下載源碼:


當麻許的超技八 2014 | Donma Hsu Design.