Mega Code Archive

 

Categories / Silverlight / Animations

 

Grow a 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'>     <Grid x:Name="LayoutRoot" Background="White">         <Grid.Resources>             <Storyboard x:Name="Grow" AutoReverse="True" >                <DoubleAnimation                 Storyboard.TargetName="btnGrow" Storyboard.TargetProperty="Width"                 From="150" To="300" Duration="0:0:5"></DoubleAnimation>             </Storyboard>         </Grid.Resources>         <Button x:Name="btnGrow" Width="150" Height="150" Content="This button grows"></Button>     </Grid> </UserControl> //File: Page.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Net; 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();             this.Loaded += new RoutedEventHandler(MainPage_Loaded);             btnGrow.SizeChanged += new SizeChangedEventHandler(btnGrow_SizeChanged);         }         void btnGrow_SizeChanged(object sender, SizeChangedEventArgs e)         {             if (btnGrow.ActualWidth == 300)             {                 btnGrow.Content = "This button now shrinks";             }         }         void MainPage_Loaded(object sender, RoutedEventArgs e)         {             Grow.Begin();         }     } }