كيف أطبّق تأثير حركي Transform على عنصر في ويندوزفون؟

التأثيرات الحركية في ويندوز فون لها عدة أنواع منها تحريك Translate ومنها دوران Rotate، لتطبيق تأثير حركي على عنصر نقوم بتحديد الخاصية RenderTransform وبالتالي تحديد الخاصية TranslateTransform التي تعمل على تحريك العنصر بشكل مستقيم إما على المحور X أو المحور Y أي بشكل عمودي أو أفقي.

لكن ليتم تطبيق التأثير الحركي علينا إنشاء StoryBoard لتحديد نوع التأثير animation الذي سيطبق على خاصية التحريك Translate.

لنفرض أنه لدينا عنصر ellips ونريد عند الضغط عليها أن تتحرك للأسفل باتجاه Y ومن ثم تعود لمكانها، التحريك إذن يعتمد على تغيير قيمة Y للعنصر أي سنقوم بإنشاء DoubleAnimation في الـStoryboard وتحديد الخاصية Y في StoryBoard.TargetProperty ومن ثم قيمتها في في الخاصية To.

الآن في الخاصية Storyboard.TargetName نكتب المعرف x:Name الخاص TranslateTransform ليتم تطبيق التأثير animation عليه، مثال:

إنشاء Ellips وStoryboard في الخاصية Resource للـ Ellips:

 <Ellipse Fill="Red" HorizontalAlignment="Left" Height="100" Margin="209,43,0,0" Grid.Row="1" Stroke="Black" VerticalAlignment="Top" Width="100" RenderTransformOrigin="-3.386,0.383" ManipulationStarted="Ellipse_ManipulationStarted">
            <Ellipse.Resources>
                <Storyboard x:Name="myStoryBoard">
                    <DoubleAnimation Storyboard.TargetName="traslateTrans" Storyboard.TargetProperty="Y" AutoReverse="True" To="400" Duration="0:0:0.5"></DoubleAnimation>
                </Storyboard>
            </Ellipse.Resources>

تحديد الخاصية RenderTransform في العنصر Ellips

 <Ellipse.RenderTransform>
                
  </Ellipse.RenderTransform>

تحديد نوع التحريك في الخاصية RenderTransform وهو TranslateTransform

 <Ellipse.RenderTransform>
                <TranslateTransform x:Name="traslateTrans"></TranslateTransform>
   </Ellipse.RenderTransform>

في الحدث ManipulationStarted للـEllips نكتب:

private void Ellipse_ManipulationStarted(object sender, System.Windows.Input.ManipulationStartedEventArgs e)
        {
            myStoryBoard.Begin();
        }

عند التشغيل

عند الضغط على الكرة

وثم تعود لمكانها

تطبيق تأثير Animation على عنصر في ويندوز فون