2012-10-08 17 views
2

我正在努力爲Windows Phone 7.5Windows 8製作XAML/C#輕鬆定製和動態ARC圓。讓我們想象一下:我需要基本上是一個圓,然後根據參數我需要切出一個零件。所以我們假設100%是全圓的,50%是半圓等。如何爲Windows Phone製作動態ARC圈?

我發現example,我想要做的是完全一樣的。

有人可以幫我完成這個任務嗎?

在此先感謝!

+1

使用這些鏈接與動畫一起... http://msdn.microsoft.com/en-us/library/system.windows.media.arcsegment.aspx,http://blogs.vertigo.com/personal/ralph/Blog/Lists/Posts/Post.aspx? ID = 5 –

回答

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> 

您可以更改代碼中的參數。

+0

以及如何通過C#代碼實現相同? – Alius

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(或Microsoft.Expression.Controls爲Windows Phone 8的)

+0

什麼是本地:Arc在這裏?你能編輯和添加這個類嗎? –

相關問題