带有图像视图、2 个标签、按钮的自动布局 - 标签在旋转后消失

Question

在一个简单的test app for iPhone 中，我试图在图像视图中显示用户手机（通过 CocoaPods 使用 SDWebImage）、两个标签和一个“播放”按钮 - 每个 UI 元素都位于其他元素下方，如屏幕截图所示：

我在 Xcode 5 中使用 Autolayout 并在每个 UI 元素周围设置 20px，如屏幕截图所示（此处为 fullscreen）：

我在ViewController.m 中的代码很简短：

- (void)viewDidLoad
{
    [super viewDidLoad];

    _firstName.text = @"Alex";
    _city.text      = @"Bochum";

    [_imageView setImageWithURL:[NSURL URLWithString:kAvatar]
               placeholderImage:[UIImage imageNamed:@"Male.png"]];
}

不幸的是，我的问题是旋转后两个标签都消失了：

为什么会这样？我花了很多时间试图弄清楚，也尝试为各种 UI 元素更改“内容拥抱优先级”和“内容压缩阻力优先级”......

Answer 1

我通过将较低的“内容拥抱优先级”和“内容压缩阻力优先级”设置为图像视图（将所有内容设置为 250，此处为 fullscreen）和更高的标签和按钮（设置他们到750）：

（同样对于图像视图，我已将模式更改为“Aspect Fill”并启用“Clip Subviews”）现在可以正常工作了：

作为 iOS 编程新手，如果我的问题太简单了，我很抱歉，但似乎已经解决了它（移动 setImageWithURL:placeholderImage: 调用 viewDidAppear 没有）。也很抱歉在这个网页上出现了 5 次我的脸 - 该图像在测试应用中存在问题，所以我没有费心去寻找中性的。

Answer 2

您的约束没问题，这似乎是 SDWebImage 中的一个错误。在下载您想要的图像时，占位符会正确显示（标签可见）。但是，一旦下载了图像，在用您的图像替换占位符时会发生一些奇怪的事情，并且您的布局会变坏。如果你打电话

[_imageView setImageWithURL:[NSURL URLWithString:kAvatar];

而不是

[_imageView setImageWithURL:[NSURL URLWithString:kAvatar]
           placeholderImage:[UIImage imageNamed:@"Male.png"]];

它正在做它应该做的事情。

更新： 你需要打电话

    [_imageView setImageWithURL:[NSURL URLWithString:kAvatar]
           placeholderImage:[UIImage imageNamed:@"Male.png"]];

在 viewDidAppear 内使约束生效。所以这可能毕竟不是 SDWebImageBug :)

Answer 3

1-我认为您的问题是您使用的是 3.5 英寸屏幕的模拟器，如果需要，请尝试使用 4 英寸屏幕或 ipad 模拟器。

2-我认为它们消失的原因是它们没有空间，尝试使 SDWebImage 更小。

3-如果您单击标签本身并转到第一个选项卡（文件检查器），也会在您的故事板中看到一个选项，上面写着使用 AutoLayuot 看看您是否已选中它，因为它可能是问题所在。

我希望这对你有帮助。