Windows UWP開發系列 – 3D變換

標籤：

在Win8.1中，引入了一個PlaneProjection可以實現3D變換，但它的變換方式比較簡單，只能實現基本的旋轉操作。在Windows 10 UWP中，引入了一個更加強大的3D變換Transform3D，系統預設內建了兩中變換方式：PerspectiveTransform3D和CompositeTransform3D。一個簡單的樣本如下： 

    <StackPanel HorizontalAlignment="Center">        <Image Source="Assets\img.jpg" Width="400" Name="image">            <Image.Transform3D>                <CompositeTransform3D CenterX="200" CenterY="100"                                       RotationX="{x:Bind sliderX.Value,Mode=OneWay}"                                       RotationY="{x:Bind sliderY.Value,Mode=OneWay}"                                       RotationZ="{x:Bind sliderZ.Value,Mode=OneWay}">                </CompositeTransform3D>            </Image.Transform3D>        </Image>        <Slider x:Name="sliderX" Maximum="360" Width="400" Margin="0,10,0,10"></Slider>        <Slider x:Name="sliderY" Maximum="360" Width="400" Margin="0,10,0,10"></Slider>        <Slider x:Name="sliderZ" Maximum="360" Width="400" Margin="0,10,0,10"></Slider>    </StackPanel>

 運行效果如下：

    

上面的例子比較簡單，一旦和動畫結合起來後，是可以實現非常酷的3D動畫效果的，Win10的磁貼翻轉效果貌似就是用它做的。最後提一下的是，貌似CompositeTransform3D的旋轉中心點只能傳入絕對位置，而無法傳入類似(0.5, 0.5)之類的相對位置，用起來時需要先計算大小，略有不便。

Windows UWP開發系列 – 3D變換