Objective-C:AutoresizingMask + 2 Subviews =奋斗

时间:2012-07-23 19:12:35

标签: iphone objective-c ios ios5 autoresizingmask


解决方案:对于那些将来某天查看此内容的人,我使用的解决方案确实是viewDidLayoutSubviews。解决方案实际上相当复杂 - 每次页面需要重新布局时,我必须计算几个缩放值并动态调整Art视图的大小。有几个奇怪的问题要处理,但在每个问题被取消之后,实现感觉非常可靠。

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


我有一个'空白'UIView,一个子视图是一个包含单个图像的UIImageView,另一个子视图基本上是CGContext弧和线的集合以及所有这些。

我在哪里:我已将UIImageView子视图置于UIView之上,以使其图像为“背景”。然后我将CGContext弧和线子视图置于其上(为了清楚起见,我将其称为Art子视图)。都好。一切都显示出完美和对齐。

问题:当我旋转时,事情变得棘手了。 Art子视图上的弧线和线条以错误的坐标结束,并且根据我的autoresizingmask设置,图像被拉伸等等。我可以一次解决其中一个问题,但我找不到合适的组合来修复他们俩都是!

我尝试过的事情:我已经尝试了几乎每个autoresizingMask选项&选项的组合,但在上面我不能完全舔这些问题。鉴于我也尝试在viewDidLayoutSubviews中使用一些自定义代码,但与使用autoresizingMasks相比,这感觉非常脆弱且不易扩展。所以我在取得一些名义上的进步后放弃了这条道路。

我学到了什么:只要我将UIImageView框架和Art子视图框架绑定到相同的尺寸,那么弧线和线条就会保持在正确的坐标上。这可能是说明我的目标的最简单的方法:让UIImageView保持正确的宽高比(不仅仅是图像内部,而是视图本身),然后将Art子视图与其框架完全匹配 - 即使屏幕也是如此旋转等等。

这是我想要实现的图表:

+ = UIView

~ = UIImageView子视图

. =艺术子视图

肖像

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

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

风景

其中UIImageView子图层保持其宽高比,Art子图层在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;
}

1 个答案:

答案 0 :(得分:2)

没有自动调整标志和内容模式的组合可以执行您想要的操作。使用viewDidLayoutSubviews是处理布局的一种合理方法。这就是它存在的原因:自动化标志非常有限。

另一种方法是更改​​-[ArtView drawRect:]方法,以便自动调整标记可以执行您想要的操作。您可以使drawRect:方法实现UIImageViewUIViewContentModeScaleAspectFit实现的相同算法。