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

Home
VB.Net Tutorial
1.Language Basics
2.Data Type
3.Operator
4.Statements
5.Date Time
6.Class Module
7.Development
8.Collections
9.Generics
10.Attributes
11.Event
12.LINQ
13.Stream File
14.GUI
15.GUI Applications
16.Windows Presentation Foundation
17.2D Graphics
18.I18N Internationlization
19.Reflection
20.Regular Expressions
21.Security
22.Socket Network
23.Thread
24.Windows
25.XML
26.Database ADO.net
27.Design Patterns
VB.Net
VB.Net by API
VB.Net Tutorial » Windows Presentation Foundation » Rectangle 
16.67.21.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>
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
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.