c# - グリッド内でキャンバスを回転する

Question

LayoutTransform を使用して、キャンバスをうまく回転させることができます。ただし、コーナーはグリッドの幅または高さからはみ出します。キャンバスを回転およびサイズ変更して、グリッド内に保持するにはどうすればよいですか。これが私が回転している方法です:-

    private void btnRotate_Click(object sender, RoutedEventArgs e)
    {
        if (RotationAngle == 360)
        {
            RotationAngle = 0;
        }
        RotationAngle = RotationAngle + 1;

        RotateTransform rotateTransform = new RotateTransform();
        rotateTransform.Angle = RotationAngle;
        TransformGroup transformGroup = new TransformGroup();
        transformGroup.Children.Add(rotateTransform);
        rotateTransform.CenterX = 0.5;
        rotateTransform.CenterY = 0.5;
        cnvsYardMap.LayoutTransform = transformGroup;   
    }

ありがとう。

score 2 · Accepted Answer

Gridがそのchild の新しいサイズに対応できない場合Canvas、境界をオーバーフローすることが予想されます。

あなたが次のようなものを持っている場合：

<Grid Height="200">
  <Canvas x:Name="blah"
          Width="280"
          Height="150"
          Background="Tomato" />
</Grid>

50deg を適用するとLayoutTransform、実際にオーバーフローします。

あなたがしようとしているのCanvasは、ViewBoxでラップすることができます。次のようなものです：

<Grid Height="200">
  <Viewbox>
    <Canvas x:Name="blah"
            Width="280"
            Height="150"
            Background="Tomato" />
  </Viewbox>
</Grid>

同じ変換を適用すると、親内に収まるようにサイズが縮小されて「表示」されます。サイズを変更するよりも子であることに注意してください。これは単なる視覚効果です。のとは、変換前の状態のままです。CanvasGridViewboxWidthHeightCanvas