Scaling parameters ScaleX and ScaleY are animated : Shape Animation « 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 » Shape Animation 
16.112.2.Scaling parameters ScaleX and ScaleY are animated
<Window x:Class="ScaleTransforms"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Scale Transforms" Height="330" Width="480">
  <Viewbox Stretch="Uniform">
    <Grid Width="525" Height="330" HorizontalAlignment="Left"
      VerticalAlignment="Top" ShowGridLines="True">
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="260" />
        <ColumnDefinition Width="260" />
      </Grid.ColumnDefinitions>
      <StackPanel Grid.Column="0">

          <Canvas ClipToBounds="True" Width="240"
            Height="250">
            <Rectangle Canvas.Left="100" Canvas.Top="80"
              Width="50" Height="70" Fill="LightCoral" Opacity="0.5"
              Stroke="Black" StrokeThickness="2">
              <Rectangle.RenderTransform>
                <ScaleTransform x:Name="rectScale"
                  CenterX="25" CenterY="35" />
              </Rectangle.RenderTransform>
            </Rectangle>
            <Canvas.Triggers>
              <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                  <Storyboard RepeatBehavior="Forever"
                    AutoReverse="True">
                    <DoubleAnimation
                      Storyboard.TargetName="rectScale"
                      Storyboard.TargetProperty="ScaleX" From="0" To="4"
                      Duration="0:0:5" />
                    <DoubleAnimation
                      Storyboard.TargetName="rectScale"
                      Storyboard.TargetProperty="ScaleY" From="0" To="4"
                      Duration="0:0:5" />
                  </Storyboard>
                </BeginStoryboard>
              </EventTrigger>
            </Canvas.Triggers>
          </Canvas>

      </StackPanel>

    </Grid>
  </Viewbox>
</Window>
WPF Scaling Parameters Scale X And Scale Y Are Animated
16.112.Shape Animation
16.112.1.Width and Height animationWidth and Height animation
16.112.2.Scaling parameters ScaleX and ScaleY are animatedScaling parameters ScaleX and ScaleY are animated
16.112.3.Path animation by code, duration, RepeatBehaviorPath animation by code, duration, RepeatBehavior
16.112.4.Point path animationPoint path animation
16.112.5.Animated StartPointAnimated StartPoint
16.112.6.Animated EndPointAnimated EndPoint
16.112.7.Animated StartPoint and EndPointAnimated StartPoint and EndPoint
16.112.8.Animated CenterAnimated Center
16.112.9.Animated RadiusAnimated Radius
16.112.10.Using PointAnimationUsing PointAnimation
16.112.11.PointAnimation and BezierSegmentPointAnimation and BezierSegment
16.112.12.PointAnimation ToPointAnimation To
16.112.13.Animate BezierCurveAnimate BezierCurve
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.