使用 CATransform3D 实现梯形变换答案

【问题标题】：Achieve a trapezoid transform with CATransform3D使用 CATransform3D 实现梯形变换
【发布时间】：2015-07-17 08:58:55
【问题描述】：

我想从以下位置更改 UIView：

收件人：

原谅我的 ascii 艺术。我的意思是将矩形背景更改为梯形背景，使用：

等宽
右高相同

我试过了：

CATransform3D sublayerTransform = {1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, .005, 0, 0, 0, 1 };
self.backgroundView.layer.superlayer.sublayerTransform = sublayerTransform;
CATransform3D layerTransform = CATransform3DMakeRotation(M_PI/4., 0, 1, 0);
self.backgroundView.layer.transform = layerTransform;

结果是梯形，但它没有所需的约束。

【问题讨论】：

标签： ios objective-c transform quartz-core catransform3d

【解决方案1】：

看看 CATrasnsform3D 矩阵，在你的情况下，你真的只需要设置 .m34。

请记住，CATransform3DRotate 将弧度作为其参数之一，其定义如下；

  float Degrees2Radians(float degrees) { return degrees * M_PI / 180; }

试试下面的；

  CATransform3D transform = CATransform3DIdentity;
  transform.m34 = -1.0f /450.0f; 

  // set y to  negative for effect on left(as in your diagram), positive for effect on right
  transform = CATransform3DRotate(transform, Degrees2Radians(45) , 0.0f, -1.0f, 0.0f);

  // you'll need to do this translate to shift the layer to compensate for  the rotation
  transform = CATransform3DTranslate(transform, -70.0f, 0.0f, -50.0f);

然后显然将目标层变换设置为上述变换

【讨论】：

赞成提醒我缺少翻译。

【解决方案2】：

我能够使用AGGeometryKit 轻松实现正确的 CATransform3D。

#import <AGGeometryKit/AGGeometryKit.h>

UIView *view = ...; // create a view

// setting anchorPoint to zero
view.layer.anchorPoint = CGPointZero;
view.layer.transform = CATransform3DMakeTranslation(-view.layer.bounds.size.width * .5, -view.layer.bounds.size.height * .5, 0);

// setting a trapezoid transform
AGKQuad quad = view.layer.quadrilateral;
quad.tl.y += 10; // shift top left y-value with 10 pixels
quad.bl.y -= 10; // shift bottom left y-value with 10 pixels
view.layer.quadrilateral = quad; // the quad is converted to CATransform3D and applied

【讨论】：