2

XAML/C#簡単にカスタマイズ可能でダイナミックな ARC サークルを作成しようとしていWindows Phone 7.5ますWindows 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 に答える