7、WPF 布局转换与控件定制全解析

WPF 布局转换与控件定制全解析

1. 布局转换基础

在布局过程中，通常在计算子元素的矩形时不会对其子元素应用渲染转换。但对于一些特殊布局，简单的矩形布局就显得不够用了。例如，需要一个面板将其子元素沿着椭圆的圆周进行定位和定向，这种布局无法仅通过简单的矩形来实现，可能还需要对每个子元素应用旋转变换，使其沿着椭圆的曲率定向。

这里主要有两种不同类型的圆形布局：
- 传统圆形布局 ：所有元素简单地放置在椭圆边缘，并围绕自身中心轴相应旋转。在这种布局中，任何文本或图形也会随之旋转，可能会显得很不协调。
- 摩天轮式布局 ：元素仍然沿着椭圆的圆周放置，但它们围绕自身中心轴的旋转保持固定，这样元素内的文本和图形就能保持清晰和可用。

对于需要使用仿射变换来布局子元素的面板，推荐在 ArrangeOverride 方法中使用 UIElement.RenderTransform 属性。以下是 EllipticalPanel 的 ArrangeOverride 方法示例：

protected override Size ArrangeOverride(Size finalSize)
{
    // Calculate radius
    double radiusX = (finalSize.Width - ItemWidth) * 0.5;
    double radiusY = (finalSi