以目前的版本試作動畫與故事版的紀錄。
Uno.UI version: 1.40.0-dev 4.29
偵查對象:Animation and Storyboard
偵查對象: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 版本,難免有點麻煩。
備註 2:編譯的時候,錯誤清單可能會出現幾千個錯誤,除非你 Code 真的寫錯,不然大部分的訊息可以先不理會繼續玩。preview 版本,難免有點麻煩。