2

我正在尝试为 和 制作/XAML易于C#定制和动态的 ARC 圆。Windows Phone 7.5Windows 8

让我们想象一下：我基本上需要一个圆圈，然后我需要根据参数剪掉一个部分。所以假设 100% 是全圆，50% 是半圆等等。

我找到了一个例子，我想做的完全一样。

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

提前致谢！

4

2 回答 2

3

尝试使用以下代码

<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）

于 2014-01-28T12:17:31.667 回答
1

这是一个如何绘制它的示例。这是一个圆的 1/4。

               <Path Opacity="0" Visibility="Visible" Fill="{StaticResource AwesomenessBrush}" StrokeThickness="0">
                <Path.Data>
                    <PathGeometry>
                        <PathFigure StartPoint="17 20">
                            <ArcSegment Point="20 17" Size="3 3" SweepDirection="Clockwise"/>
                            <LineSegment Point="20 19"/>
                            <ArcSegment Point="19 20" Size="1 1"/>
                            <LineSegment Point="17 20"/>
                        </PathFigure>
                    </PathGeometry>
                </Path.Data>
            </Path>

您可以从代码中更改参数。

于 2012-10-08T17:04:31.877 回答