c# - 如何为Windows Phone制作动态ARC圆？

Question

我正在尝试为 Windows Phone 7.5 和 Windows 8 制作 XAML/C# 轻松定制和动态 ARC 圆.

让我们想象一下:我基本上需要一个圆，然后我需要根据参数以某种方式切掉一部分。假设 100% 是全圆，50% 是半圆等等。

我发现了一个example ，我想做的一模一样。

有人可以帮我完成这个任务吗？

提前致谢!

Answer 1

尝试使用以下代码

<phone:PhoneApplicationPage.Resources>
    <Storyboard x:Name="StoryboardForArcAnimation">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Arc.EndAngle)" Storyboard.TargetName="arcRed" RepeatBehavior="Forever" AutoReverse="False">
            <SplineDoubleKeyFrame KeyTime="0:1:0" Value="360" />
        </DoubleAnimationUsingKeyFrames>

    </Storyboard>
</phone:PhoneApplicationPage.Resources>


 <local:Arc x:Name="arcRed"
                   ArcThickness="60"
                   ArcThicknessUnit="Pixel"
                   Fill="Red"
                   Height="300"
                   Width="300"
                   StartAngle="0"
                   EndAngle="10"
                   />

在后面的代码中使用 StoryboardForArcAnimation.Begin() 来启动动画。

您必须添加对 Microsoft.Expression.Drawing 的引用并添加命名空间 Microsoft.Expression.Drawing.Shapes(或 Windows Phone 8 的 Microsoft.Expression.Controls)