Xaml 创建Windows应用商店应用程序饼图计时器或椭圆顺时针填充或圆形进度条

Xaml 创建Windows应用商店应用程序饼图计时器或椭圆顺时针填充或圆形进度条,xaml,animation,windows-store-apps,expression-blend,blend,Xaml,Animation,Windows Store Apps,Expression Blend,Blend,我正在尝试在Windows应用商店应用程序中创建动画,非常类似于以下内容: 根据我的搜索结果,我最终得到了WinRT中不存在的RadialGradientBrush或Ellipse.OpacityMask。我已经考虑过使用PieChart库,但是,考虑到动画的简单性,我认为一定有更好的方法来实现这一点。有什么想法吗?我昨晚发现了这个链接,我认为它与你的问题有些关联 我搜索了一下,发现了这个: 我认为底部的xaml可能会让您朝着正确的方向前进 <Image Source="sa

我正在尝试在Windows应用商店应用程序中创建动画,非常类似于以下内容:


根据我的搜索结果,我最终得到了WinRT中不存在的
RadialGradientBrush
Ellipse.OpacityMask
。我已经考虑过使用PieChart库,但是,考虑到动画的简单性,我认为一定有更好的方法来实现这一点。有什么想法吗?

我昨晚发现了这个链接,我认为它与你的问题有些关联

我搜索了一下,发现了这个:

我认为底部的xaml可能会让您朝着正确的方向前进

  <Image
  Source="sampleImages\Waterlilies.jpg" 
  Width="200" Height="150" HorizontalAlignment="Left">
  <Image.Clip>
    <EllipseGeometry x:Name="MyEllipseGeometry1"
      RadiusX="100"
      RadiusY="75"
      Center="100,75"/>
  </Image.Clip>
  <Image.Triggers>
    <EventTrigger RoutedEvent="Image.Loaded">
      <BeginStoryboard>
        <Storyboard>
          <PointAnimation 
            Storyboard.TargetName="MyEllipseGeometry1" 
            Storyboard.TargetProperty="(EllipseGeometry.Center)"
            From="0,0" To="200,150" Duration="0:0:3" RepeatBehavior="Forever" 
            AutoReverse="True" />
          </Storyboard>
      </BeginStoryboard>
    </EventTrigger>
  </Image.Triggers>
</Image> 


背景是静态颜色,还是动画需要出现在其他元素之上,以便您可以看穿它(例如,如果您的示例中背景是白色的,那么背景是否可以看穿白色的部分,或者它是否总是白色的?)我喜欢这个挑战,如果我有时间,我会解决它。谢谢@ChrisW。在我的例子中,椭圆是白色的,将位于背景之上。它的颜色没有透明度(除了想要的清晰动画之外),它是纯色。除非有人已经认为我可能能够想出一种只有xaml的方法——查里斯·佩佐尔德、杰里·尼克松和我似乎。。。我还没来得及尝试,但我仍然认为它可以在xaml中通过一些想象力和动画来完成,但在我尝试lol之前我不能确定。我在那里@FilipSkakun看到了你的评论,应该首先在这里给你贴上标签。干杯,朋友