Question

我在旋转矩形时遇到问题，并以某种方式将其放在画布上。这是我试图实现的目标：

Rotated Rectangles http://www.freeimagehosting.net/uploads/79844652d2.jpg

图片中的大矩形是我的画布。较小的矩形是我要旋转的矩形。当我旋转矩形（虚线矩形）时，它当然会被剪裁。为避免这种情况，我想重新定位矩形，如右图所示。

这是我到目前为止尝试的方式：

Rectangle rect = new Rectangle();
rect.Width = 100;
rect.Height = 50;
int angle = 30;
rect.RenderTransform = new RotateTransform(angle, rect.Width/2, rect.Height/2);
canvas.Children.Add(rect);

double x = Math.Cos(30) * (rect.Width / 2) + Math.Sin(30) * (rect.Height / 2) - rect.Width / 2;
double y = Math.Sin(30) * (-rect.Width / 2) + Math.Cos(30) * (rect.Height / 2) - rect.Height / 2;
Canvas.SetLeft(rect, x);
Canvas.SetTop(rect, y);

我认为最好的方法是计算x和y偏移量，并按Canvas.SetLeft和Canvas.SetTop定位矩形。但我在弄清楚如何进行数学运算时遇到了问题。（y计算似乎有效）。

实际上我想在画布上随机放置几个矩形。旋转角度可以是-45度到45度之间的值，矩形尺寸也可以是随机值。但是矩形应该总是在画布中完全可见，所以我需要知道位置坐标边界的偏移。（矩形可能会重叠。）

我希望你理解我的问题。如果你可以帮助我，那就太好了。

Answer 1

解决方案实际上比您猜测的要简单得多。而不是使用RenderTransform，而是使用LayoutTransform。它采用相同类型的转换，但不是在渲染过程中将它们应用于元素的渲染输出，而是在布局过程中改变元素的布局空间。因此，以下XAML会生成您在屏幕截图中的第二个示例中显示的结果。

<Canvas Width="640" Height="480">
    <Rectangle Fill="Blue" Width="200" Height="80">
        <Rectangle.LayoutTransform>
            <RotateTransform Angle="-45"/>
        </Rectangle.LayoutTransform>
    </Rectangle>
</Canvas>

请注意，这在Silverlight中不起作用，因为Silverlight不支持LayoutTransform。

WPF：旋转矩形并将其放在画布中

1 个答案: