[Windows 8 App]動畫特效-----旋轉中心

2014-01-05

旋轉中心的位置可以透過設置CenterOfRotationX、CenterOfRotationY和CenterOfRotationZ屬性來指定

如果CenterOfRotationX和CenterOfRotationY的屬性值都是 0.5 的時候

表示旋轉軸正好在旋轉對象的中心

那值為 1 的時候呢，表示旋轉中心位在旋轉對象的一組對邊上

意思就是旋轉對象會繞著外邊旋轉

下面將透過範例來說明

首先，新增一個專案【CenterOfRotation】

開啟【MainPage.xaml】，底下是【MainPage.xaml】的完整程式碼：

<Page
    x:Class="CenterOfRotation.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CenterOfRotation"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="Gray">
        <StackPanel Width="300" Height="300" Background="Yellow">
            <Image Width="300" Height="300" Source="image/LOGo.jpg">
                <Image.Projection>
                    <PlaneProjection CenterOfRotationX="0.9" RotationY="45" />
                </Image.Projection>
            </Image>
        </StackPanel>
    </Grid>
</Page>

上面的程式碼，是把PlaneProjection元素的CenterOfRotationX屬性值設為 0.9

表示將旋轉中心沿著X軸並且平行於Y軸向右邊移動到圖片的右邊緣

接著將RotationY屬性值設為45，這樣子圖片就會繞著Y軸順時針的旋轉45度

這是執行後的畫面：

回首頁