Question

我试图为Win8.1的Windows应用商店应用程序（使用C＃）中的圆形路径上的文本设置动画。虽然互联网上有一些关于如何使用Silverlight和WPF进行操作的例子，但那些似乎在WinRT中根本不起作用（例如，缺少很多方法）。

在搜索解决方案时，我也发现了下面的Stackoverflow问题，但它只适用于Windows 8.0而不适用于Windows 8.1，因此我无法使其正常工作。

how to create motion of text along Path animation in winrt application?

如果没有从头开始重新实现所有内容，是否有任何解决方案？

Answer 1

查看WinRT XAML Toolkit中的CascadingTextBlock控件，了解如何将一个TextBlock拆分为多个。您只需要更改变换动画的方式。如果您的文本是常量字符串 - 最好只在Blend中创建动画 - 在圆上排列多个单个字母TextBlocks并使用提供的工具设计动画。

Answer 2

这不起作用？它纯粹是一个XAML解决方案。故事板从加载开始。

<Window x:Class="WpfApplication3.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
   <Window.Resources>
          <Storyboard x:Key="Rotate">
                 <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="Label1">
                       <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                       <EasingDoubleKeyFrame KeyTime="0:0:1" Value="360"/>
                 </DoubleAnimationUsingKeyFrames>
          </Storyboard>
   </Window.Resources>
   <Window.Triggers>
          <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                 <BeginStoryboard Storyboard="{StaticResource Rotate}"/>
          </EventTrigger>
   </Window.Triggers>
<Grid>
   <Label x:Name="Label1" Content="WordsAndStuff" HorizontalAlignment="Left" Margin="218.388,112.806,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.509,1.782">
          <Label.RenderTransform>
                 <TransformGroup>
                       <ScaleTransform/>
                       <SkewTransform/>
                       <RotateTransform/>
                       <TranslateTransform/>
                 </TransformGroup>
          </Label.RenderTransform>
   </Label>

</Grid>

如何在winrt中的圆形路径上为文本设置动画？

2 个答案: