iphone - Objective-C:AutoresizingMask + 2 Subviews = 挣扎

Question

---

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

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

---

我有一个“空白”UIView，一个 subview 是一个包含单个图像的 UIImageView，第二个 subview 基本上是 CGContext 弧线和线条的集合。

我所在的位置:我将 UIImageView subview 放在 UIView 的顶部，这样它的图像就是“背景”。然后，我将 CGContext arcs and lines subview 放在其上(为清楚起见，我将其称为 Art subview )。都好。一切都完美对齐。

问题:当我旋转时，事情变得很奇怪。 Art subview 上的圆弧和线条最终以错误的坐标结束，并且根据我的 autoresizingmask 设置，图像被拉伸(stretch)等。我可以一次解决其中一个问题，但我找不到正确的组合来修复他们两个!

我尝试过的事情:我已经尝试了几乎所有的 autoresizingMask 选项和选项组合，但根据上面的内容，我不能完全解决这些问题。考虑到我还尝试在 viewDidLayoutSubviews 中使用一些自定义代码，但与使用 autoresizingMasks 相比，这感觉非常脆弱并且可扩展性要差得多。因此，在取得一些名义上的进展后，我放弃了这条道路。

我学到了什么:只要我将 UIImageView 框架和 Art subview 框架绑定(bind)到相同的尺寸，那么圆弧和线条就会保持在正确的坐标。这可能是陈述我的目标的最简单方法:让 UIImageView 保持正确的宽高比(不仅仅是其中的图像，还有 View 本身)，然后将 Art subview 与其框架完全匹配 - 即使是屏幕旋转等

这是我想要实现的图表:

+ = UIView

~ = UIImageView subview

. = 艺术 subview

肖像

其中 UIImageView 中的图像基本上占据了整个屏幕(虽然不完全)，并且 Art subview 层叠在它上面，下面的点代表粗线/弧。

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

风景

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

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

我的 View Controller (我认为问题所在 - 还删除了所有 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;
}

Answer 1

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

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