Objective-C：AutoresizingMask + 2 Subviews = 挣扎

Posted 2023-03-12

【中文标题】Objective-C：AutoresizingMask + 2 Subviews = 挣扎

【英文标题】：Objective-C: AutoresizingMask + 2 Subviews = struggling

【发布时间】：2012-07-23 19:12:35

【问题描述】：

---

解决方案：对于那些在未来某一天看到这个的人来说，我使用的解决方案确实是viewDidLayoutSubviews。解决方案实际上相当复杂——每次页面需要重新布局时，我都必须计算几个缩放值并动态调整艺术视图的大小。有几个奇怪的问题需要处理，但在每个问题都解决后，实施感觉非常可靠。

如果以后有人遇到类似问题，请告诉我，我可以发布相关代码。

---

我有一个“空白”UIView、一个包含单个图像的 UIImageView 子视图，以及一个基本上是 CGContext 弧线和所有这些集合的第二个子视图。

我在哪里：我已将 UIImageView 子视图放在 UIView 的顶部，因此它的图像是“背景”。然后我将 CGContext arcs andlines 子视图放在上面（为了清楚起见，我将其称为 Art 子视图）。都好。一切都显示完美且对齐。

问题：当我旋转时，事情变得扭曲。 Art 子视图上的弧线和线条最终位于错误的坐标处，并且根据我的 autoresizingmask 设置，图像会被拉伸等。我可以一次修复其中一个问题，但我找不到正确的组合来修复他们俩！

我尝试过的事情：我已经尝试了几乎所有 autoresizingMask 选项和选项组合，但根据上述我无法完全解决这些问题。鉴于我还尝试在 viewDidLayoutSubviews 中使用一些自定义代码，但这感觉非常脆弱，与使用 autoresizingMasks 相比，可扩展性要差得多。所以我在取得了一些名义上的进步后放弃了这条路。

我学到了什么：只要我将 UIImageView 框架和 Art 子视图框架绑定到相同的尺寸，那么弧线和线条就会保持在正确的坐标上。这可能是陈述我的目标的最简单方法：让 UIImageView 保持正确的纵横比（不仅是其中的图像，还包括视图本身），然后将 Art 子视图与其框架完全匹配——即使是屏幕旋转等。

这是我想要实现的图表：

+ = UIView

~ = UIImageView 子视图

. = 艺术子视图

肖像

其中 UIImageView 中的图像基本上占据了整个屏幕（虽然不完全），而 Art 子视图在其顶部分层，下面的点代表粗线/弧线。

++++++++++
+~~~~~~~~+
+~   .  ~+
+~  .   ~+
+~ .    ~+
+~ .    ~+
+~~~~~~~~+
++++++++++

风景

其中 UIImageView 子层保持其纵横比，而艺术子层保持“锁定”到 UIImageView 内的图像。

++++++++++++++++++++++++++
+         ~~~~~~~~       +
+         ~   .  ~       +
+         ~  .   ~       +
+         ~ .    ~       +
+         ~ .    ~       +
+         ~~~~~~~~       +
++++++++++++++++++++++++++

我的视图控制器（我认为问题所在 - 还删除了所有 autoresizingMask 设置以清理代码）

- (void)viewWillAppear:(BOOL)animated 
    // get main screen bounds & adjust to include apple status bar
    CGRect frame = [[UIScreen mainScreen] applicationFrame];

    // get image - this code would be meaningless to show, but suffice to say it works
    UIImage *image = [.. custom method to get image from my image store ..];

    // custom method to resize image to screen; see method below
    image = [self resizeImageForScreen:image];

    // create imageView and give it basic setup
    imageView = [[UIImageView alloc] initWithImage:image];
    [imageView setUserInteractionEnabled:YES];

    [imageView setFrame:CGRectMake(0,
                                   0,
                                   image.size.width, 
                                   image.size.height)];

    [imageView setCenter:CGPointMake(frame.size.width / 2,
                                     frame.size.height / 2)];

    [[self view] addSubview:imageView];

    // now put the Art subview on top of it
    // (customArtView is a subclass of UIView where I handle the drawing code)
    artView = [[customArtView alloc] initWithFrame:imageView.frame];

    [[self view] addSubview:artView];

resizeImageForScreen: 方法（这似乎工作正常，但我想我还是会包含它）

- (UIImage *)resizeImageForScreen:(UIImage *)img 

    // get main screen bounds & adjust to include apple status bar
    CGRect frame = [[UIScreen mainScreen] applicationFrame];

    // get image
    UIImage *image = img;

    // resize image if needed
    if (image.size.width > frame.size.width || image.size.height > frame.size.height) 

        // Figure out a scaling ratio to make sure we maintain the same aspect ratio
        float ratio = MIN(frame.size.width / image.size.width, frame.size.height / image.size.height);

        CGRect newImageRect;
        newImageRect.size.width = ratio * image.size.width;
        newImageRect.size.height = ratio * image.size.height;
        newImageRect.origin.x = 0;
        newImageRect.origin.y = 0;

        // Create a transparent context @ the newImageRect size & no scaling
        UIGraphicsBeginImageContextWithOptions(newImageRect.size, NO, 0.0);

        // Draw the image within it (drawInRect will scale the image for us)
        [image drawInRect:newImageRect];

        // for now just re-assigning i since i don't need the big one
        image = UIGraphicsGetImageFromCurrentImageContext();

        // Cleanup image context resources; we're done!
        UIGraphicsEndImageContext();

    

    return image;

【问题讨论】：

如何在“艺术”视图中绘画？

它是使用触摸在其自己的视图代码中处理的 - 因此在屏幕上加载子视图后，用户绘制一条线或弧线或其他任何东西 - 当然，理想情况下艺术被剪辑到图像中，因此目标锁定两者的框架

您的代码将artView 设置为UIView。你是怎么画的？

一个类似的例子可能是 Draw Something + 我想把我自己的自定义背景放在它后面 + 支持横向并保持背景和绘图的方面

在UIView 代码中使用drawRect: 和touchesBegan:（等）（不在UIViewController 代码中）

【参考方案1】：

没有自动调整大小标志和内容模式的组合可以满足您的需求。使用viewDidLayoutSubviews 是处理布局的一种合理方式。这就是它存在的原因：自动调整大小的标志非常有限。

另一种方法是更改​​您的 -[ArtView drawRect:] 方法，以便自动调整大小标志可以执行您想要的操作。您可以使您的 drawRect: 方法实现与 UIImageView 为 UIViewContentModeScaleAspectFit 实现的相同算法。

【讨论】：

谢谢，rob - 我会看看drawRect: && 我重新设计的主要挑战viewDidLayoutSubviews 一直在重新绘制图像大小（它会导致应用程序性能不佳甚至崩溃） ）。不过，缩放感觉是值得关注的正确领域 - 我还没有使用过 - 再次感谢！