移動カウントダウンタイマーとなる次の TextBlock があります。
<TextBlock x:Name="countdown">
<TextBlock.RenderTransform>
<TranslateTransform x:Name="countdownTransform" />
</TextBlock.RenderTransform>
</TextBlock>
次のトリガーは、TextBlock を移動し、カウントダウン テキストを設定する必要があります。
<Grid.Triggers>
<EventTrigger SourceName="PlayButton" RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="songProgressBar"
Storyboard.TargetProperty="Value"
From="0:30:0" To="0" Duration="0:30:0" />
<DoubleAnimation Storyboard.TargetName="countdownTransform"
Storyboard.TargetProperty="X" AutoReverse="True"
From="0.0" To="{Binding ElementName=countdown, Path=Width}" Duration="0:30:0" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Grid.Triggers>
ただし、DoubleAnimation の From プロパティは (明らかに) TimeSpan を受け入れず、2 番目のトリガーでは、To プロパティは TextBlock の Width にバインドされません。To プロパティで TimeSpan を受け入れるカスタム タイプのアニメーションはありますか?
これを XAML で実行できるようにしたいのですが、C# コードでこれが可能であることはわかっています。