0

尽管阅读了诸如Windows 和 Views 指南之类的 Apple 文档，但我仍试图弄清楚这一点。

此屏幕截图最能说明我的问题：

在此处输入图像描述

如您所见，博客文章有一张高度可变的图片（但固定宽度 = 320px），它可能会或可能不会与其下方的视图元素重叠，这是一个标签。

与 CSS 类似，我需要 UIImageView 为“display:block”，以及标签。

因此，如果图像占据或多或少的垂直空间，下面的元素会相应地调整其位置。这只是以编程方式完成的吗？

我试图通过将每个视图放在单独的视图中来分层执行此操作，但无济于事。“剪辑子视图”未勾选。

非常感谢任何有关完成此操作的一般程序的建议或相关材料的链接。

控制器代码（postTextLabel 和 postPicture 是连接的 IBOutlets）

#import "DetailViewController.h"

@interface DetailViewController ()

- (void)configureView;

@end

@implementation DetailViewController;

@synthesize scroller;

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self configureView];

        CGRect label_frame = CGRectMake(postTextLabel.frame.origin.x,
                                        postPicture.frame.origin.y + postPicture.frame.size.height,
                                        postTextLabel.frame.size.width,
                                        postTextLabel.frame.size.height);

        postTextLabel.frame = label_frame;

}

- (void)configureView
{
    if (self.detailItem) {
        NSDictionary *post           = self.detailItem;
        NSString     *postText       = [post objectForKey:@"post_text"];
        NSString     *postAuthorName = [post objectForKey:@"post_author_name"];

        postTextLabel.numberOfLines = 0;
        postTextLabel.text       = postText;
        postAuthorNameLabel.text = postAuthorName;

        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
            NSString *pictureUrl = [post objectForKey:@"post_picture"];
            NSData   *data       = [NSData dataWithContentsOfURL:[NSURL URLWithString:pictureUrl]];

            dispatch_async(dispatch_get_main_queue(), ^{
                postPicture.image = [UIImage imageWithData:data];
            });
        });
    }
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}
@end

在此处输入图像描述

4

1 回答 1

1

假设您的目标只是让标签贴在图像的底部，那么编程是您最好的方法 - 我认为在 Interface Builder 中没有办法做到这一点。如果您将图像和标签分别设置为名为image和的 IBOutlets label，则如下代码应该可以满足您的目标：

CGRect label_frame = CGRectMake(label.frame.origin.x, image.frame.origin.y + image.frame.size.height, label.frame.size.width, label.frame.size.height);
label.frame = label_frame;

每当图像更改并且文本应位于其下方时调用此方法，标签的顶部边缘与图像的底部对齐。contentSize请记住，如果图像/文本变大，您可能需要更改滚动视图以匹配。

于 2012-10-01T02:44:58.957 回答