Mega Code Archive

 

Categories / Silverlight / Animations

 

Rotating button

<UserControl x:Class='SilverlightApplication3.MainPage'     xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'      xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'     xmlns:d='http://schemas.microsoft.com/expression/blend/2008'      xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'      mc:Ignorable='d'      d:DesignWidth='640'      d:DesignHeight='480'>   <UserControl.Resources>     <Storyboard x:Name="rotateStoryboard">       <DoubleAnimation Storyboard.TargetProperty="Angle"    To="360" Duration="0:0:0.8" RepeatBehavior="Forever"></DoubleAnimation>     </Storyboard>     <Storyboard x:Name="unrotateStoryboard">       <DoubleAnimation Storyboard.TargetProperty="Angle" To="0"          Duration="0:0:0.2"></DoubleAnimation>     </Storyboard>   </UserControl.Resources>     <Grid x:Name="LayoutRoot" Background="White">     <StackPanel Margin="5" Width="100">       <Button Content="One" Margin="10" Padding="5" RenderTransformOrigin="0.5,0.5"    MouseEnter="cmd_MouseEnter" MouseLeave="cmd_MouseLeave">         <Button.RenderTransform>           <RotateTransform></RotateTransform>         </Button.RenderTransform>       </Button>       <Button Content="Two" Margin="10" Padding="5" RenderTransformOrigin="0.5,0.5"    MouseEnter="cmd_MouseEnter" MouseLeave="cmd_MouseLeave">         <Button.RenderTransform>           <RotateTransform></RotateTransform>         </Button.RenderTransform></Button>       <Button Content="Three" Margin="10" Padding="5" RenderTransformOrigin="0.5,0.5"     MouseEnter="cmd_MouseEnter" MouseLeave="cmd_MouseLeave">         <Button.RenderTransform>           <RotateTransform></RotateTransform>         </Button.RenderTransform>       </Button>       <Button Content="Four" Margin="10" Padding="5" RenderTransformOrigin="0.5,0.5"    MouseEnter="cmd_MouseEnter" MouseLeave="cmd_MouseLeave">       <Button.RenderTransform>           <RotateTransform></RotateTransform>         </Button.RenderTransform>       </Button>     </StackPanel>   </Grid> </UserControl> //File: Page.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace SilverlightApplication3 {     public partial class MainPage : UserControl     {         public MainPage()         {             InitializeComponent();         }         private void cmd_MouseEnter(object sender, MouseEventArgs e)         {             rotateStoryboard.Stop();             Storyboard.SetTarget(rotateStoryboard, ((Button)sender).RenderTransform);             rotateStoryboard.Begin();                     }         private void cmd_MouseLeave(object sender, MouseEventArgs e)         {             unrotateStoryboard.Stop();             Storyboard.SetTarget(unrotateStoryboard, ((Button)sender).RenderTransform);             unrotateStoryboard.Begin();         }     } }