C# 如何在WPF的代码隐藏中创建BeginStoryboard?
我有以下XAML,我希望将其转换为代码隐藏,我已成功创建动画,以便控件按预期淡入淡出,但我无法将IsMouseOver触发器转换为代码隐藏:C# 如何在WPF的代码隐藏中创建BeginStoryboard?,c#,wpf,xaml,C#,Wpf,Xaml,我有以下XAML,我希望将其转换为代码隐藏,我已成功创建动画,以便控件按预期淡入淡出,但我无法将IsMouseOver触发器转换为代码隐藏: <DataTemplate.Triggers> <EventTrigger RoutedEvent="Control.Loaded" SourceName="NotificationGrid"> <BeginStory
<DataTemplate.Triggers>
<EventTrigger RoutedEvent="Control.Loaded"
SourceName="NotificationGrid">
<BeginStoryboard x:Name="BeginNotificationStoryboard">
<Storyboard x:Name="NotificationStoryboard">
<DoubleAnimation Storyboard.TargetName="NotificationGrid"
From="0.01"
To="1"
Storyboard.TargetProperty="Opacity"
Duration="0:0:0.5" />
<DoubleAnimation Storyboard.TargetName="NotificationGrid"
From="1"
To="0"
Storyboard.TargetProperty="Opacity"
Duration="0:0:0.5"
BeginTime="0:0:5" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<Trigger Property="IsMouseOver"
Value="True">
<Trigger.EnterActions>
<SeekStoryboard Offset="0:0:3"
BeginStoryboardName="BeginNotificationStoryboard" />
<PauseStoryboard BeginStoryboardName="BeginNotificationStoryboard" />
</Trigger.EnterActions>
<Trigger.ExitActions>
<SeekStoryboard Offset="0:0:3"
BeginStoryboardName="BeginNotificationStoryboard" />
<ResumeStoryboard BeginStoryboardName="BeginNotificationStoryboard" />
</Trigger.ExitActions>
</Trigger>
</DataTemplate.Triggers>
</DataTemplate>
您已创建情节提要,但未创建BeginStoryboard。这样做:
var storyboard = new Storyboard();
storyboard.Children.Add(loadingAnimation);
storyboard.Children.Add(closingAnimation);
var beginStoryboard = new BeginStoryboard(){ Name="BeginNotificationStoryboard", Storyboard = storyboard};
var enterSeekStoryboard = new SeekStoryboard
{
Offset = TimeSpan.FromSeconds(5),
// What value should go here?
BeginStoryboardName = "BeginNotificationStoryboard"
};
trigger.EnterActions.Add(beginStoryboard);
别忘了像以前一样将BeginStoreBoard添加到EventTrigger
实际上,原始的XAML代码使用BeginNotificationsStoryboard id只是为了删除一些重复的代码。
如果您不再需要它,只需将其添加到触发操作中,如下所示:
var storyboard = new Storyboard();
storyboard.Children.Add(loadingAnimation);
storyboard.Children.Add(closingAnimation);
var beginStoryboard = new BeginStoryboard(){ Name="BeginNotificationStoryboard", Storyboard = storyboard};
var enterSeekStoryboard = new SeekStoryboard
{
Offset = TimeSpan.FromSeconds(5),
// What value should go here?
BeginStoryboardName = "BeginNotificationStoryboard"
};
trigger.EnterActions.Add(beginStoryboard);
您不需要指定名称。您的完整代码如下所示。我留下了一些评论,指出了我发现的一些问题:
var loadingAnimation = new DoubleAnimation(0.01, 1, new Duration(TimeSpan.FromSeconds(0.5)));
var closingAnimation = new DoubleAnimation(1, 0, new Duration(TimeSpan.FromSeconds(3)))
{
BeginTime = TimeSpan.FromSeconds(5)
};
Storyboard.SetTarget(loadingAnimation, AssociatedObject);
Storyboard.SetTarget(closingAnimation, AssociatedObject);
Storyboard.SetTargetProperty(loadingAnimation, new PropertyPath(UIElement.OpacityProperty));
Storyboard.SetTargetProperty(closingAnimation, new PropertyPath(UIElement.OpacityProperty));
Storyboard.SetTarget(loadingAnimation, AssociatedObject);
Storyboard.SetTarget(closingAnimation, AssociatedObject);
var storyboard = new Storyboard();
storyboard.Children.Add(loadingAnimation);
storyboard.Children.Add(closingAnimation);
// Subscription to events must be done at this point, because the Storyboard object becomes frozen later on
storyboard.Completed += HandleOnCompleted;
string storyBoardName = "BeginNotificationStoryboard";
// We define the BeginStoryBoard action for the EventTrigger
var beginStoryboard = new BeginStoryBoard();
beginStoryboard.Name = storyBoardName;
beginStoryboard.Storyboard = storyboard;
// We create the EventTrigger
var eventTrigger = new EventTrigger(Control.LoadedEvent);
eventTrigger.Actions.Add(beginStoryboard);
// Actions for the entering animation
var enterSeekStoryboard = new SeekStoryboard
{
Offset = TimeSpan.FromSeconds(5),
BeginStoryboardName = storyBoardName
};
var enterPauseStoryboard = new PauseStoryboard
{
BeginStoryboardName = storyBoardName
};
// Actions for the exiting animation
var exitSeekStoryboard = new SeekStoryboard
{
Offset = TimeSpan.FromSeconds(5),
BeginStoryboardName = storyBoardName
};
var exitResumeStoryboard = new ResumeStoryboard
{
BeginStoryboardName = storyBoardName
};
var trigger = new Trigger
{
Property = UIElement.IsMouseOverProperty,
Value = true
};
trigger.EnterActions.Add(enterSeekStoryboard);
trigger.EnterActions.Add(enterPauseStoryboard);
trigger.ExitActions.Add(exitSeekStoryboard);
trigger.ExitActions.Add(exitResumeStoryboard);
var style = new Style();
// The name of the Storyboard must be registered so the actions can find it
style.RegisterName(storyBoardName, beginStoryboard);
// Add both the EventTrigger and the regular Trigger
style.Triggers.Add(eventTrigger);
style.Triggers.Add(trigger);
AssociatedObject.Style = style;
// No need for storyboard.Begin()
我想。。。毕竟,你必须创建它们?由于加载控件时,默认情况下动画会自动启动,因此可以使其同时工作。但这对老鼠来说是不够的。