Mega Code Archive

 

Categories / VB.Net / WPF

 

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>