What are the different ways in which silver light does transformation?

 Posted by ArticlesMaint on 9/23/2009 | Category: Silverlight Interview questions | Views: 2044


There are times when you want to transform your object in various ways. For example you would like to tilt the object in 45 degree; you would like skew the object or rotate the object. Below are some important transformation example which you can achieve using Silverlight.




























Below is a simple example which uses ‘RotateTransform’ to tilt the text at 45 degree.
<TextBlock HorizontalAlignment="Center" 

Text="Text
rotated by 45 degree">
<TextBlock.RenderTransform>
<RotateTransform Angle="45" />
</TextBlock.RenderTransform>
</TextBlock>


                        S

Below is a simple example which uses ‘ScaleTransform’ to scale the text to ‘2’.
<TextBlock VerticalAlignment="Center"

HorizontalAlignment="Center"
Text="Text scaled with 2">
<TextBlock.RenderTransform>
<ScaleTransform ScaleX="2"/>
</TextBlock.RenderTransform>
</TextBlock>

Below is a simple example which uses ‘RenderTransform’ to position your text at a particular X and Y position.
<TextBlock VerticalAlignment="Center" 

HorizontalAlignment="Center" Text="Text
with X/Y values">
<TextBlock.RenderTransform>
<TranslateTransform X="-100" Y="-100"/>
</TextBlock.RenderTransform>
</TextBlock>

In case you want skew your object, below is a simple XAML code snippet which
skews you rectangle object at 45 degree.
<Rectangle Fill="Chocolate" 

Stroke="Black" Width="100" Height="100">
<Rectangle.RenderTransform>
<SkewTransform AngleX="45"/>
</Rectangle.RenderTransform>
</Rectangle>

There situations when you would like to apply two or more transformation types
 on an object. In those scenarios you can use ‘TransformGroup’ to apply multiple transformation.
Below is a code snippet which shows ‘SkewTransform’ and ‘RotateTransform’ applied in a group to
 the rectangle object.
<Rectangle Fill="Chocolate" 

Stroke="Black" Width="100" Height="100">
<Rectangle.RenderTransform>
<TransformGroup>

<SkewTransform AngleX="45"/>
<RotateTransform Angle="45"/>

</TransformGroup>
</Rectangle.RenderTransform>
</Rectangle>


 


Asked In: Many Interviews | Alert Moderator 

Comments or Responses

Login to post response