从 XAML 到 C# 的 WPF 故事板
WPF Storyboard from XAML to C#
我有一个自定义代码控件,它可以很好地处理静态值,但要让它处理动态值,我需要在代码中执行此操作,因为我必须延迟故事板的执行,直到呈现 TextBlock。
我需要将以下 XAML 传输到 C# 但它不起作用:
<Canvas x:Name="PART_TickerCanvas" Grid.Row="1" Width="128" ClipToBounds="True">
<TextBlock x:Name="PART_TickerTextBlock">
<TextBlock.Triggers>
<EventTrigger RoutedEvent="Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="TickerTranslateTransform"
Storyboard.TargetProperty="X"
From="{Binding ElementName=TickerCanvas, Path=ActualWidth}" To="{Binding ElementName=PART_TickerTextBlock, Path=RenderSize.Width, Converter={StaticResource TextBlockWidthConverter}}" Duration="0:0:10"
RepeatBehavior="Forever"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</TextBlock.Triggers>
<TextBlock.RenderTransform>
<TranslateTransform x:Name="TickerTranslateTransform" X="{Binding ElementName=PART_TickerCanvas, Path=ActualWidth}" Y="0" />
</TextBlock.RenderTransform>
</TextBlock>
</Canvas>
转换器简单地否定了宽度。
这是我的 C# 方法:
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
if (Template != null)
{
_tickerTextBlock = Template.FindName("PART_TickerTextBlock", this) as TextBlock;
_tickerCanvas = Template.FindName("PART_TickerCanvas", this) as Canvas;
Dispatcher.BeginInvoke(new Action(() => {if (_tickerCanvas != null && _tickerTextBlock != null) StartTickerAnimation(); }), DispatcherPriority.ContextIdle, null);
}
}
private void StartTickerAnimation()
{
var doubleAnimation = new DoubleAnimation
{
From = _tickerCanvas.ActualWidth,
To = -_tickerTextBlock.RenderSize.Width,
RepeatBehavior = RepeatBehavior.Forever,
Duration = new Duration(new TimeSpan(0, 0, 10))
};
_tickerTextBlock.RenderTransform = new TranslateTransform(_tickerCanvas.ActualWidth, 0);
RegisterName("TickerTranslateTransform", _tickerTextBlock.RenderTransform);
var storyBoard = new Storyboard();
storyBoard.Children.Add(doubleAnimation);
storyBoard.SetValue(Storyboard.TargetNameProperty, "TickerTranslateTransform");
storyBoard.SetValue(Storyboard.TargetPropertyProperty, new PropertyPath(TranslateTransform.XProperty.Name));
storyBoard.SetValue(Storyboard.TargetProperty, _tickerTextBlock.RenderTransform);
_tickerTextBlock.BeginStoryboard(_storyBoard);
}
我很确定 DoubleAnimation 在 C# 中是正确的,但后来出现了问题。任何帮助将不胜感激。
你不需要故事板。
像这样直接启动X
属性的动画:
_tickerTextBlock.RenderTransform.BeginAnimation(
TranslateTransform.XProperty, doubleAnimation);
我有一个自定义代码控件,它可以很好地处理静态值,但要让它处理动态值,我需要在代码中执行此操作,因为我必须延迟故事板的执行,直到呈现 TextBlock。 我需要将以下 XAML 传输到 C# 但它不起作用:
<Canvas x:Name="PART_TickerCanvas" Grid.Row="1" Width="128" ClipToBounds="True">
<TextBlock x:Name="PART_TickerTextBlock">
<TextBlock.Triggers>
<EventTrigger RoutedEvent="Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="TickerTranslateTransform"
Storyboard.TargetProperty="X"
From="{Binding ElementName=TickerCanvas, Path=ActualWidth}" To="{Binding ElementName=PART_TickerTextBlock, Path=RenderSize.Width, Converter={StaticResource TextBlockWidthConverter}}" Duration="0:0:10"
RepeatBehavior="Forever"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</TextBlock.Triggers>
<TextBlock.RenderTransform>
<TranslateTransform x:Name="TickerTranslateTransform" X="{Binding ElementName=PART_TickerCanvas, Path=ActualWidth}" Y="0" />
</TextBlock.RenderTransform>
</TextBlock>
</Canvas>
转换器简单地否定了宽度。
这是我的 C# 方法:
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
if (Template != null)
{
_tickerTextBlock = Template.FindName("PART_TickerTextBlock", this) as TextBlock;
_tickerCanvas = Template.FindName("PART_TickerCanvas", this) as Canvas;
Dispatcher.BeginInvoke(new Action(() => {if (_tickerCanvas != null && _tickerTextBlock != null) StartTickerAnimation(); }), DispatcherPriority.ContextIdle, null);
}
}
private void StartTickerAnimation()
{
var doubleAnimation = new DoubleAnimation
{
From = _tickerCanvas.ActualWidth,
To = -_tickerTextBlock.RenderSize.Width,
RepeatBehavior = RepeatBehavior.Forever,
Duration = new Duration(new TimeSpan(0, 0, 10))
};
_tickerTextBlock.RenderTransform = new TranslateTransform(_tickerCanvas.ActualWidth, 0);
RegisterName("TickerTranslateTransform", _tickerTextBlock.RenderTransform);
var storyBoard = new Storyboard();
storyBoard.Children.Add(doubleAnimation);
storyBoard.SetValue(Storyboard.TargetNameProperty, "TickerTranslateTransform");
storyBoard.SetValue(Storyboard.TargetPropertyProperty, new PropertyPath(TranslateTransform.XProperty.Name));
storyBoard.SetValue(Storyboard.TargetProperty, _tickerTextBlock.RenderTransform);
_tickerTextBlock.BeginStoryboard(_storyBoard);
}
我很确定 DoubleAnimation 在 C# 中是正确的,但后来出现了问题。任何帮助将不胜感激。
你不需要故事板。
像这样直接启动X
属性的动画:
_tickerTextBlock.RenderTransform.BeginAnimation(
TranslateTransform.XProperty, doubleAnimation);