flex 3 组件使用 xy 作为中心，而不是左上角

Question

如何扩展按钮等组件以使用 x 和 y 值作为组件的中心，而不是左上角？

Answer 1

在 Flex 4 中这非常简单:)。它们在 UIComponent 中有一个 transformAround 方法，允许您围绕任意枢轴变换组件的位置/缩放/旋转。所以你可以这样做：

override public function set x(value:Number):void
{
    var pivot:Vector3D = new Vector3D(this.width/2, this.height/2, 0);
    var translation:Vector3D = new Vector3D(value, this.y, this.z);
    transformAround(pivot, null /* scale vector */, null /* rotation vector */, translation);
}

您可以自定义/优化它，但这就是要点:)。

如果您使用的是 Flex 3，那么我会研究一下他们是如何做到这一点的。它非常硬核，有很多 Matrix/Matrix3D 的东西。

Answer 2

好吧，您可以编写一个翻译器函数，它接受控件、x 和 y，并返回中心点：

Xc = (Control.x + (Control.width / 2))
Yc = (Control.y + (Control.height / 2))
return new Point(Xc,Yc)

然后，只要您要使用 x 和 y，就可以随时使用翻译器设置位置。