The Color property of the SolidColorBrush used to fill this rectangle is animated : Color « Graphics « Silverlight






  1. Silverlight
  2. Graphics
  3. Color

The Color property of the SolidColorBrush used to fill this rectangle is animated

    

<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'>
   <StackPanel>
      <Rectangle 
        Width="100" Height="50" Stroke="Black" StrokeThickness="1"
        Margin="10" HorizontalAlignment="Center"
        Grid.Column="0" Grid.Row="1">
        <Rectangle.Fill>
          <SolidColorBrush x:Name="solidColorBrush1" Color="Blue" />
        </Rectangle.Fill>
      </Rectangle>

      <Button Grid.Column="0" Grid.Row="2"
        HorizontalAlignment="Center">
        Start Animation
        <Button.Triggers>
          <EventTrigger RoutedEvent="Button.Click">
            <BeginStoryboard>
              <Storyboard>
                <ColorAnimation Storyboard.TargetName="solidColorBrush1"
                  Storyboard.TargetProperty="Color"
                  From="Blue" To="Red" Duration="0:0:10" />
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger>
        </Button.Triggers>
      </Button>

   
   </StackPanel>
</UserControl>








Related examples in the same category

1.From sRGB values in the Color strutcureFrom sRGB values in the Color strutcure
2.Draws an oval with a blue interiorDraws an oval with a blue interior
3.Draws an oval with a blue interior and a black outlineDraws an oval with a blue interior and a black outline
4.Diagonal Linear GradientDiagonal Linear Gradient
5.A Partially Transparent Button
6.A Radial GradientA Radial Gradient
7.From predefined color name in the Colors classFrom predefined color name in the Colors class
8.Fills the polylines with a light gray colorFills the polylines with a light gray color
9.The Color property of this rectangle's SolidColorBrush is animated.
10.The Opacity property of this rectangle's SolidColorBrush is animated
11.Specify using set Brush ColorSpecify using set Brush Color
12.Specify using Red, Green and Blue hex valuesSpecify using Red, Green and Blue hex values
13.Specify using Alpha, Red Green and Blue hex valuesSpecify using Alpha, Red Green and Blue hex values
14.Specify using Red, Green and Blue hex values (2 digits per value)Specify using Red, Green and Blue hex values (2 digits per value)
15.Specify using Alpha, Red, Green and Blue hex values (2 digits per value)Specify using Alpha, Red, Green and Blue hex values (2 digits per value)
16.Specify Red, Green and Blue using scRGB formatSpecify Red, Green and Blue using scRGB format
17.Specify Alpha, Red, Green and Blue using scARGB formatSpecify Alpha, Red, Green and Blue using scARGB format
18.An alternative form of specifying colors is the floating point wide gamut linear RGB color space (scRGB)An alternative form of specifying colors is the floating point wide gamut linear RGB color space (scRGB)
19.Fill an Ellipse with Cyan and Draw the border with Black colorFill an Ellipse with Cyan and Draw the border with Black color
20.Horizontal Linear GradientHorizontal Linear Gradient
21.Multicolored GradientMulticolored Gradient
22.Fill Rectangle with Gradient colorFill Rectangle with Gradient color
23.Semi-transparentSemi-transparent