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

Question

我正在尝试在Windows应用商店应用中创建动画，如下所示：http://codepen.io/HugoGiraudel/pen/BHEwo

从搜索结果来看，我最终得到了WinRT中不存在的RadialGradientBrush或Ellipse.OpacityMask。我考虑使用PieChart库，但是，考虑到动画的简单，我认为必须有更好的方法。有什么想法吗？

Answer 1

我昨晚发现这个链接，我觉得这与你的问题有些关系。

http://social.technet.microsoft.com/wiki/contents/articles/20648.using-the-rendertargetbitmap-in-windows-store-apps-with-xaml-and-c.aspx

我做了搜索，发现了这个： https://msdn.microsoft.com/en-us/library/system.windows.uielement.clip(v=vs.110).aspx

我认为底部的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>