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






Add Rectangle.Triggers collection into a style

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 VisualBrushUse Rectangle, TextBlock and Button as the VisualBrush
2.Set Stroke, StrokeThickness for RectangleSet Stroke, StrokeThickness for Rectangle
3.Fill Rectangles with static ImageBrush resourcesFill Rectangles with static ImageBrush resources
4.Fill Rectangle with BisqueFill Rectangle with Bisque
5.Rotating rectanglesRotating rectangles
6.Rounded rectangleRounded rectangle
7.Rectangle with explicit size and positionRectangle with explicit size and position
8.Rectangles with size and position controlled by parentRectangles with size and position controlled by parent
9.Using ImageBrush to fill a RectangleUsing ImageBrush to fill a Rectangle
10.Draws a 100 by 50 rectangle with a solid blue fillDraws 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 cornersDraws a 100 by 50 rectangle with a solid blue fill, a black outline, and rounded corners
12.Rectangle StrokeThicknessRectangle StrokeThickness
13.Rectangle.StrokeRectangle.Stroke
14.Use Customized LinearGradientBrush to paint a RectangleUse Customized LinearGradientBrush to paint a Rectangle
15.Set RadiusX and RadiuxY for RectangleSet RadiusX and RadiuxY for Rectangle
16.Fill Rectangle with LinearGradientBrush static resourceFill Rectangle with LinearGradientBrush static resource
17.Using a DrawingBrush resource to draw RectangleUsing a DrawingBrush resource to draw Rectangle
18.A rectangle with a linear fillA rectangle with a linear fill
19.A large rectangle built using an image brushA large rectangle built using an image brush
20.Fill Rectangle with ResourceFill Rectangle with Resource
21.DashArray StrokeDashArray Stroke
22.Dash patternsDash patterns
23.Put Rectangle into TextBlockPut Rectangle into TextBlock
24.Rectangle mouse down eventRectangle mouse down event
25.Rectangle mouse down previewRectangle mouse down preview
26.Change MaxHeightChange MaxHeight