9

目标：

使用自动布局约束，具有UIWebView与它的超级视图相同的宽度，即 a 。UIScrollView

代码

NSLayoutConstraint *makeWidthTheSameAsScrollView =[NSLayoutConstraint
                                                       constraintWithItem:self.questionWebView
                                                       attribute:NSLayoutAttributeWidth
                                                       relatedBy:0
                                                       toItem:self.masterScrollView
                                                       attribute:NSLayoutAttributeWidth
                                                       multiplier:1.0
                                                       constant:0];

[self.view addConstraint:makeWidthTheSameAsScrollView];

 NSLog(@"The width of questionWebView *AFTER* adding the constrain is: %f", self.questionWebView.frame.size.width);
 NSLog(@"The width of scrollView *AFTER* adding the constrain is: %f", self.masterScrollView.frame.size.width);

当前结果

当我记录self.questionWebView（UIWebView）的宽度时，应用自动布局约束时它的宽度不会改变。

问题

  • 这是正确的方法吗？
  • 我究竟做错了什么？

ps 我知道将 a 放在 aUIWebView中是违反 Apple 的建议的UIScrollView，但是我已经关闭了UIWebView使用属性滚动的功能self.questionWebView.userInteractionEnabled = NO;。目前使用 UIWebView 是我显示 HTML 表格的最佳策略。

4

2 回答 2

16

根据要求改进 Rob 的回答。

正如 Rob 已经提到的，UIScrollViews在自动布局下有特殊的行为。

在这种情况下，有趣的是，scrollView 的总宽度是通过使用其子视图的总宽度来确定的。因此，虽然 scrollView 已经向 webView 询问其宽度，但您是在告诉 webView 也向 scrollView 询问其宽度。这就是为什么它不起作用。一个人在问另一个人，没有人知道答案。您需要另一个参考视图用作 webView 的约束，然后 scrollView 也将能够成功询问其预期宽度。

一个简单的方法可以做到这一点：创建另一个视图，containerView并将 scrollView 作为子视图添加到其中。然后为 设置适当的约束containerView。假设您希望 scrollView 以 viewController 为中心，边缘有一些填充。所以这样做containerView：

NSDictionary *dict = NSDictionaryOfVariableBindings(containerView);
[self.view addConstraints:[NSLayoutConstraints constraintsWithVisualFormat:@"H|-(100)-[containerView]-(100)-|" options:0 metrics:0 views:dict];
[self.view addConstraints:[NSLayoutConstraints constraintsWithVisualFormat:@"V|-(100)-[containerView]-(100)-|" options:0 metrics:0 views:dict];

然后您可以继续将 webView 作为子视图添加到 scrollView 并设置其宽度：

NSLayoutConstraint *makeWidthTheSameAsScrollView =[NSLayoutConstraint
                                                       constraintWithItem:self.questionWebView
                                                       attribute:NSLayoutAttributeWidth
                                                       relatedBy:0
                                                       toItem:containerView
                                                       attribute:NSLayoutAttributeWidth
                                                       multiplier:1.0
                                                       constant:0];

[self.view addConstraint:makeWidthTheSameAsScrollView];

这将使滚动视图与 webView 一样大和高，并且它们都将按预期放置（在 containerView 上设置约束）。

于 2013-08-20T18:53:40.953 回答
3

滚动视图与自动布局的交互方式有点奇怪。请参阅TN2154（UIScrollView 和自动布局）。

另请参阅UIScrollView 不使用自动布局约束。

通常，您需要以其他方式获取包含视图的宽度，而不是“滚动视图的当前宽度”，因为在自动布局中，滚动视图的宽度（即内容宽度）是根据其内容定义的。因此，您当前的请求是循环的。

于 2013-08-20T18:04:46.270 回答