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();
}
}
}
Related examples in the same category