à propos de TranslateTransform et RenderTransformOrigin

Question

J'utilise Silverlight 3.0 + .Net 3.5 + VSTS 2008 + C# à l'application silverlight.

Je veux apprendre TranslateTransform et RenderTransformOrigin, quelqu'un pourrait-il me recommander quelques tutoriels? Je suis un débutant de cette région. Et je n'ai rien trouvé qui soit bon à apprendre pour un débutant de MSDN (corrigez-moi s'il y a de bonnes choses). :-)

BTW: Je suis un casse-tête sur la matrice de transformation de coordination, c'est génial si le tutoriel pouvait couvrir ce sujet.

EDIT: voici le code dont je suis confus.

<Grid Margin="-1,0,100,0" x:Name="controlsContainer" Height="35" RenderTransformOrigin="0.5,0.5" VerticalAlignment="Bottom"> 
     <Grid.RenderTransform> 
      <TransformGroup> 
       <ScaleTransform/> 
       <SkewTransform/> 
       <RotateTransform/> 
       <TranslateTransform Y="0"/> 
      </TransformGroup> 
     </Grid.RenderTransform> 
     <Rectangle Margin="0,0,0,0" Height="35" VerticalAlignment="Top" Fill="#97000000" Stroke="#00000000" RenderTransformOrigin="0.5,0.5"/> 
     <VideoPlayer:mediaControl Height="35" Margin="1,0,0,0" HorizontalAlignment="Stretch" VerticalAlignment="Top" x:Name="mediaControls" Visibility="Visible"/> 
    </Grid> 

Answer 1

Traduire est spécifiquement visé par MSDN en Déplacer. Reportez-vous à la section pour obtenir une compréhension visuelle de Transformations and Coordinate Systems.

Déplace (traduit) un élément par les quantités X et Y spécifiées.

alt text http://i.msdn.microsoft.com/dynimg/IC212086.png

Answer 2

tout d'abord la traduction n'utilise pas d'origine de sorte que le RenderTransformOrigin ne s'applique pas à un TranslateTransform.

Pour en savoir plus sur les transformations, pourquoi ne pas les essayer? Placez une forme deux fois dans une grille, et laissez le haut être transparent. Puis transformez la forme supérieure et visualisez l'effet. Ici, j'ai fait pivoter un rectangle de 45 degrés autour du centre du rectangle.

<Grid Background="White"> 
    <Rectangle Width="50" Height="50" Fill="Black"/> 
    <Rectangle Width="50" Height="50" Fill="Red" Opacity="0.5" 
     RenderTransformOrigin="0.5, 0.5"> 
    <Rectangle.RenderTransform> 
     <RotateTransform Angle="45"/> 
    </Rectangle.RenderTransform> 
    </Rectangle> 
</Grid>