Question

How to move a Silverlight Rectangle?

I want to say rect1.X++ to move a rectangle as a timer event is activated… It’s easy to change the height like rect1.Height++;

Is there some easy way to do this without having to deal with complex matrices?

Answer 1

You need to use a TranslateTransform to move an element:

<Rectangle Width="50" Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Fill="Red">
     <Rectangle.RenderTransform>
          <TranslateTransform x:Name="myTranslateTransform" />
     </Rectangle.RenderTransform>
</Rectangle>

You can then reference it in code:

myTranslateTransform.X = 30;
myTranslateTransform.Y = 100;

However, the “correct” way (and also the way you can do other things like animate the translation) would be to set the values for the transform in the VisualStateManager and use VisualStateManager.GoToState() instead of manipulating the values in code directly like above.