كيف أغيّر لون عنصر بشكل تدريجي إلى لون آخر عند الضغط عليه في الويندوز فون؟

التغيير التدريجي من لون إلى لون آخر يكون باستخدام Color Animation لعمل ذلك قم بإنشاء Storyboard كما في المثال التالي:

<StackPanel MouseLeftButtonUp="Rectangle_Tapped">
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
        <!-- Animate the background color of the canvas from red to green over 4 seconds. -->
            <ColorAnimation Storyboard.TargetName="mySolidColorBrush"
                Storyboard.TargetProperty="Color"
                From="Red" To="Blue" Duration="0:0:4" />
        </Storyboard>
    </StackPanel.Resources>
    <StackPanel.Background>
        <SolidColorBrush x:Name="mySolidColorBrush" Color="Red" />
    </StackPanel.Background>
</StackPanel>

هنا قمنا بتحديد الخاصية Color للعنصر في Storyboard.TargetProperty لأن التغيير سيكون باللون مثلًا من الأحمر إلى الأزرق.

ثم نحدد العنصر الذي سنطبق عليه التأثير مثلًا StackPanel:

   <StackPanel.Background>
        <SolidColorBrush x:Name="mySolidColorBrush" Color="Red" />
    </StackPanel.Background>

ثم نكتب الشيفرة التالية في الـCode behind 

private void Rectangle_Tapped(object sender, MouseEventArgs e){
    myStoryboard.Begin();
}

انظر لشرح Color Animation

كيف أغير لون عنصر بشكل تدريجي إلى لون آخر  في ويندوز فون