Grow a Button : Animations « Animations « Silverlight
- Silverlight
- Animations
- 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();
}
}
}
Related examples in the same category
