Add Rectangle.Triggers collection into a style : Rectangle « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. Rectangle

Add Rectangle.Triggers collection into a style

        

<Window x:Class="AnimationTransform"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Animating Translation" Height="300" Width="300">
  <Window.Resources>
    <Style TargetType="{x:Type Rectangle}">
      <Setter Property="Width" Value="200" />
      <Setter Property="Height" Value="35" />
      <Setter Property="RenderTransform">
        <Setter.Value>
          <TranslateTransform />
        </Setter.Value>
      </Setter>
      <Style.Triggers>
        <EventTrigger RoutedEvent="Rectangle.MouseEnter">
          <EventTrigger.Actions>
            <BeginStoryboard Name="translateStoryboardBegin">
              <Storyboard>
                <DoubleAnimation
                  Storyboard.TargetProperty="RenderTransform.X" From="0" To="70"
                  Duration="0:0:1" RepeatBehavior="1x" />
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
        <EventTrigger RoutedEvent="Rectangle.MouseLeave">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation
                  Storyboard.TargetProperty="RenderTransform.X"
                  Duration="0:0:0.5" />
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Style.Triggers>
    </Style>
  </Window.Resources>
  <Canvas Margin="10">
    <Rectangle Fill="Red" Canvas.Top="0" />
  </Canvas>
</Window>

   
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Use Rectangle, TextBlock and Button as the VisualBrush
2.	Set Stroke, StrokeThickness for Rectangle
3.	Fill Rectangles with static ImageBrush resources
4.	Fill Rectangle with Bisque
5.	Rotating rectangles
6.	Rounded rectangle
7.	Rectangle with explicit size and position
8.	Rectangles with size and position controlled by parent
9.	Using ImageBrush to fill a Rectangle
10.	Draws a 100 by 50 rectangle with a solid blue fill
11.	Draws a 100 by 50 rectangle with a solid blue fill, a black outline, and rounded corners
12.	Rectangle StrokeThickness
13.	Rectangle.Stroke
14.	Use Customized LinearGradientBrush to paint a Rectangle
15.	Set RadiusX and RadiuxY for Rectangle
16.	Fill Rectangle with LinearGradientBrush static resource
17.	Using a DrawingBrush resource to draw Rectangle
18.	A rectangle with a linear fill
19.	A large rectangle built using an image brush
20.	Fill Rectangle with Resource
21.	DashArray Stroke
22.	Dash patterns
23.	Put Rectangle into TextBlock
24.	Rectangle mouse down event
25.	Rectangle mouse down preview
26.	Change MaxHeight