在用户控件之间导航时的动画

本文关键字：动画 导航 之间 用户 控件 | 更新日期: 2023-09-27 18:02:11

我想在从一个UserControl导航到另一个UserControl时创建一些动画。它可以是任何简单的动画，就像我们在MS PowerPoint中的效果。

我该如何开始?

编辑:

让我们看看下面的xaml

<StackPanel>
                    <Label>
                        <Hyperlink Click="ConfigureAccounts_Click">
                            <TextBlock>Configure Accounts</TextBlock>
                        </Hyperlink>
                    </Label>
                    <Label>
                        <Hyperlink Click="ConfigurePassangersList_Click">
                            <TextBlock>Accounts</TextBlock>
                        </Hyperlink>
                    </Label>
                </StackPanel>

在这里点击我正在做的超链接- 

private void ConfigureAccounts_Click(object sender, RoutedEventArgs e)
    {
        ContentGrid.Children.Clear();
        //Here is the animation
        ContentGrid.Children.Add(new ConfigureAccounts());
    }
    private void ConfigurePassangersList_Click(object sender, RoutedEventArgs e)
    {
        ContentGrid.Children.Clear();
        //Here is the animation
        ContentGrid.Children.Add(new ConfigurePassangersList());
    }

我调用的两个构造函数就是UserControls

在用户控件之间导航时的动画

WPF Bag of Tricks有一个TransitionPresenter类，它基本上是一个支持动画过渡的ContentPresenter:

基本用法:

  <bot:TransitionPresenter Content="{Binding SomeViewModelForWhichYouHaveADataTemplateDefined}">
      <bot:TransitionPresenter.Transition>
          <bot:FadeTransition Duration="00:00:00.3"/>
      </bot:TransitionPresenter.Transition>
  </bot:TransitionPresenter>

你可以利用鼠标悬停选项。改变颜色。这将是一个简单的开始。

我不把这个叫做动画。如果你真的需要动画的话。您需要开始与flash脚本动画。这是一个更好的导航动画。

希望这对你有帮助。:)

相关文章：