Rendering rectangles with TranslateTransform. : TranslateTransform « Graphics « Silverlight

Home
Silverlight
1.Animations
2.Communication
3.Containers
4.Data
5.Events
6.Graphics
7.Shapes
8.UI Controls
Silverlight » Graphics » TranslateTransformScreenshots 
Rendering rectangles with TranslateTransform.
Rendering rectangles with TranslateTransform.
   
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640
    d:DesignHeight='480'>
    <Canvas>
       <Rectangle Width="200" Height="100"
                  Canvas.Left="100" Canvas.Top="10"
                  Fill="Red" Stroke="Black"
                  StrokeThickness="4">
    
       </Rectangle>
    
      <Rectangle Width="200" Height="100"
                 Canvas.Left="100" Canvas.Top="10"
                 Fill="Yellow" Stroke="Black"
                 StrokeThickness="4">
         <Rectangle.RenderTransform>
            <TranslateTransform X="50" Y="50" />
         </Rectangle.RenderTransform>
       </Rectangle>
    </Canvas>
</UserControl>

   
    
    
  
Related examples in the same category
1.Skew the text using a TranslateTransformSkew the text using a TranslateTransform
2.TranslateTransform X: 50 / Y: 0
3.TranslateTransform X: 0 / Y : 50TranslateTransform X: 0 / Y : 50
4.TranslateTransform X: 50 / Y: 50TranslateTransform X: 50 / Y: 50
5.Rotate then TranslateRotate then Translate
6.Translate then RotateTranslate then Rotate
7.Animated Text Transform
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.