XAML for shifting between colors : XAML « Data « Silverlight






XAML for shifting between colors

XAML for shifting between colors
   
<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'>

    <Canvas x:Name="LayoutRoot" Background="White">
        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard x:Name="myStoryboard">
                        <ColorAnimation Storyboard.TargetName="myEllipse"
                            Storyboard.TargetProperty="(Fill).(SolidColorBrush.Color)"
                            Duration="00:00:01" From="Yellow" To="Red" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
        <Ellipse x:Name="myEllipse" Canvas.Top="100" Canvas.Left="100" Stroke="Black" StrokeThickness="2" Height="50" Width="50" Fill="Yellow" />
    </Canvas>
</UserControl>

   
    
    
  








Related examples in the same category

1.Understanding the Structure of a SilverlightUnderstanding the Structure of a Silverlight
2.Dynamically Loading XAML from Managed CodeDynamically Loading XAML from Managed Code
3.Using XAML BrushesUsing XAML Brushes
4.Xaml and Code behind
5.A Minimal XAML Document
6.Inner element with xml namespaceInner element with xml namespace
7.Specify a brush with the expanded XAML syntaxSpecify a brush with the expanded XAML syntax
8.A basic XAML file referencing two namespacesA basic XAML file referencing two namespaces
9.The XAML for a basic EllipseThe XAML for a basic Ellipse
10.The XAML for animating a double-precision floating-point number
11.XAML for animating pair of x-and-y coordinatesXAML for animating pair of x-and-y coordinates
12.Loading some XAML at runtimeLoading some XAML at runtime
13.Loading XAML with nested elements at runtimeLoading XAML with nested elements at runtime
14.The XAML for the progress bar. The figure shown is simply for illustration.The XAML for the progress bar. The figure shown is simply for illustration.
15.Load Dynamic XAMLLoad Dynamic XAML