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






  1. VB.Net Tutorial
  2. Windows Presentation Foundation
  3. Rectangle
<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>
WPF Add Rectangle Triggers Collection Into A Style




16.67.Rectangle
16.67.1.Use Rectangle, TextBlock and Button as the VisualBrushUse Rectangle, TextBlock and Button as the VisualBrush
16.67.2.Set Stroke, StrokeThickness for RectangleSet Stroke, StrokeThickness for Rectangle
16.67.3.Fill Rectangles with static ImageBrush resourcesFill Rectangles with static ImageBrush resources
16.67.4.Fill Rectangle with BisqueFill Rectangle with Bisque
16.67.5.Rotating rectanglesRotating rectangles
16.67.6.Rounded rectangleRounded rectangle
16.67.7.Rectangle with explicit size and positionRectangle with explicit size and position
16.67.8.Rectangles with size and position controlled by parentRectangles with size and position controlled by parent
16.67.9.Using ImageBrush to fill a RectangleUsing ImageBrush to fill a Rectangle
16.67.10.Draws a 100 by 50 rectangle with a solid blue fillDraws a 100 by 50 rectangle with a solid blue fill
16.67.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
16.67.12.Rectangle StrokeThicknessRectangle StrokeThickness
16.67.13.Rectangle.StrokeRectangle.Stroke
16.67.14.Use Customized LinearGradientBrush to paint a RectangleUse Customized LinearGradientBrush to paint a Rectangle
16.67.15.Set RadiusX and RadiuxY for RectangleSet RadiusX and RadiuxY for Rectangle
16.67.16.Fill Rectangle with LinearGradientBrush static resourceFill Rectangle with LinearGradientBrush static resource
16.67.17.Using a DrawingBrush resource to draw RectangleUsing a DrawingBrush resource to draw Rectangle
16.67.18.A rectangle with a linear fillA rectangle with a linear fill
16.67.19.A large rectangle built using an image brushA large rectangle built using an image brush
16.67.20.Fill Rectangle with ResourceFill Rectangle with Resource
16.67.21.Add Rectangle.Triggers collection into a styleAdd Rectangle.Triggers collection into a style
16.67.22.DashArray StrokeDashArray Stroke
16.67.23.Dash patternsDash patterns
16.67.24.Put Rectangle into TextBlockPut Rectangle into TextBlock
16.67.25.Rectangle mouse down eventRectangle mouse down event
16.67.26.Rectangle mouse down previewRectangle mouse down preview
16.67.27.Change MaxHeightChange MaxHeight