旋转视图和子视图

Posted 2023-03-13

【中文标题】旋转视图和子视图

【英文标题】：Rotate view and subviews

【发布时间】：2018-06-25 23:27:24

【问题描述】：

我在 ios 9+ 应用程序中旋转带有子视图的图像时遇到问题。我有一个包含 2 个子视图的容器视图。子视图与容器视图大小相同。第一个子视图包含来自 PDF 页面的图像。第二个子视图包含 UIImageViews 作为位于 PDF 图像顶部的子视图。我使用 PDF 的坐标系来正确放置和调整图像视图的大小。 （也许我应该提到容器视图本身就是 UIScrollview 的子视图）。

无论 PDF 是纵向还是横向，图像视图都已正确放置和定向。但是，当 PDF 是横向时，我想旋转和缩放最终图像以使其正常显示。我可以做到这一点的一种方法是分别旋转、转换和缩放 PDF 和每个图像视图，将绘图代码放在每个视图的 drawRect 方法中。这行得通，但它真的很慢。

我从 SO 帖子中了解到，如果我将旋转和变换应用于容器视图的 CALayer，iOS 会将更改应用于整个视图层次结构。旋转横向图像时，这运行得更快。但是我无法使用容器视图的图层来缩放最终图像。在 iPad 上，我最终得到一个正确旋转的最终图像，在屏幕顶部水平居中，但在左侧和右侧被剪裁。图像的长轴仍然等于屏幕的高度，比屏幕的宽度宽。

容器视图中的代码真的很短：

- (void) setOrientation:(NSInteger)orientation

    _orientation = orientation;
    if (orientation == foPDFLandscape)
    
//        [[self layer] setNeedsDisplayOnBoundsChange:YES];// no effect
//        [[self layer] setBounds:CGRectMake(0.0, 0.0, 100.0, 100.0)];//does not change image size or scale
//        [[self layer] setContentsScale:0.5];//does not change image size or scale

        [[self layer] setAnchorPoint:CGPointMake(0.0, 0.9)];
        CATransform3D transform = CATransform3DMakeRotation(90.0 * (M_PI / 180.0), 0.0, 0.0, 1.0);
        [[self layer] setTransform:transform];

//putting the scaling code here instead of before the transform makes no difference
    

在变换之前或之后以及以各种组合设置边界、帧或内容比例，对最终图像没有影响。也不会更改内容重力值和 autoResizeMask。

有什么办法可以做到吗？

谢谢

【参考方案1】：

我需要像这样连接转换：

- (void) setOrientation:(NSInteger)orientation

    _orientation = orientation;
    if (orientation == foPDFLandscape)
    
        [[self layer] setAnchorPoint:CGPointMake(0.0, 1.0)];
        CATransform3D rotate = CATransform3DMakeRotation(90.0 * (M_PI / 180.0), 0.0, 0.0, 1.0);
        CATransform3D scale = CATransform3DMakeScale(0.77, 0.77, 1.0);
        CATransform3D concat = CATransform3DConcat(rotate, scale);
        [[self layer] setTransform:concat];
    

但这是部分解决方案。最终图像被裁剪为屏幕大小——在 iPad 上可以，但在 iPhone 上不行。此外，图像不再响应缩放手势。