c# - 关于 TranslateTransform 和 RenderTransformOrigin

Question

我正在将 Silverlight 3.0 + .Net 3.5 + VSTS 2008 + C# 用于 silverlight 应用程序。

我想学习 TranslateTransform 和 RenderTransformOrigin，谁能给我推荐一些教程？我是这个领域的新手。而且我没有从 MSDN 中找到任何适合新手学习的东西(如果有一些好东西，请纠正我)。 :-)

顺便说一句:我对协调变换矩阵很头疼，如果教程能涵盖这个主题就太好了。

编辑:这是我感到困惑的代码。

    <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

首先，翻译不使用原点，因此 RenderTransformOrigin 不适用于 TranslateTransform。

要了解变换，为什么不尝试一下呢？在网格中放置一个形状两次，并让最上面的一个透明。然后变换顶部形状并查看效果。在这里，我将矩形围绕矩形中心旋转了 45 度。

<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>