Uno Platform 偵查報告 -- Animation 與 Storyboard

以目前的版本試作動畫與故事版的紀錄。

Uno.UI version: 1.40.0-dev 4.29
偵查對象:Animation and Storyboard
XAML Code
<Page
    x:Class="App4.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App4"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
   <Page.Resources>     
       <Storyboard x:Name="story1">                        
        <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"
		         Storyboard.TargetName="Rectangle1"
			 From="0"
			 To="45"
			 Duration="0:0:1" />      
        </Storyboard>       
   </Page.Resources>
   <StackPanel Padding="4">
       <Button Content="Click" Click="Button_Click"/>
        <Rectangle Fill="Blue"
			 Width="100"
			 Height="100"
			 x:Name="Rectangle1"
			 RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform >
                    <RotateTransform />
                </Rectangle.RenderTransform>
            </Rectangle>
   </StackPanel>
</Page>
 C# Code
   public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {           
            story1.Begin();           
        }
    }

到目前為止,測試結果還算順利,動畫有按照 xaml code 執行。接著測試了 FillBehavior 和 RepeatBehavior,結果如下:
(1) FillBehavior = "Stop" :Android 和 iOS 都不靈光。
(2) RepeatBehavior = "3X":Android 和 iOS 都不靈光。
(3) RepeatBehavior = "Forever":都可以順利使用
(4) AutoReverse = "True" :Android 和 iOS 都不靈光。

動畫和故事板這部分看來應該還有許多需要測試的部分,今天先做初步的偵查報告。

備註 1:測試 Uno Platform 時最好是清除後重建再測試,否則很容易發生原有程式碼效果還存在的問題。
備註 2:編譯的時候,錯誤清單可能會出現幾千個錯誤,除非你 Code 真的寫錯,不然大部分的訊息可以先不理會繼續玩。preview 版本,難免有點麻煩。