5

为了说明我的问题,我创建了以下图形:

现在是 3D

红色方块周围的黑色边框应该是 iPhone 屏幕。在里面,我们有红色的 a UIScrollView,它比屏幕高。事实上,它和 一样高UIWebView,上面显示为黄色。是的UIWebView子视图,UIScrollView禁用滚动。此外,我们有两个蓝色视图,我喜欢称之为页眉和页脚视图。它们也是 的子视图UIScrollView,但在可滚动范围之外。

我现在的问题是:如何为此配置自动布局约束?

我已经设法使用此答案中的代码UIWebView检索了高度,然后相应地更新了' 。但是,这并不是一个真正好的解决方案,因为' 的宽度不会对 . 的宽度变化做出反应。UIScrollViewcontentSizeUIWebViewUIScrollView

我还设法像这样设置标题视图的布局约束(使用Masonary):

[headerView makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(@-100);
    make.left.equalTo(@0);
    make.width.equalTo(scrollView.width);
    make.height.equalTo(@100);
}];

但是,像这样设置页脚视图的布局不起作用:

[changeView makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(scrollView.bottom)
    make.left.equalTo(@0);
    make.width.equalTo(scrollView.width);
    make.height.equalTo(@100);
}];

我觉得这不会太难,并且会感谢一些更熟悉自动布局的人的帮助。谢谢!

4

1 回答 1

3

在视觉格式语言 (VFL) 中,约束为:

[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-(-100)-[headerView(100)]" options:0 metrics:nil views:views]];
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:[footerView(100)]-(-100)-|" options:0 metrics:nil views:views]];
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[headerView]|" options:0 metrics:nil views:views]];
[scrollView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[footerView]|" options:0 metrics:nil views:views]];

或者,如果您打算@"V:[footerView(100)]-(-100)-|"用调用替换 VFL constraintWithItem,它将是:

[footerView addConstraint:[NSLayoutConstraint constraintWithItem:footerView
                                                       attribute:NSLayoutAttributeHeight
                                                       relatedBy:NSLayoutRelationEqual
                                                          toItem:nil
                                                       attribute:NSLayoutAttributeNotAnAttribute
                                                      multiplier:1.0
                                                        constant:100.0]];

[scrollView addConstraint:[NSLayoutConstraint constraintWithItem:footerView
                                                       attribute:NSLayoutAttributeBottom
                                                       relatedBy:NSLayoutRelationEqual
                                                          toItem:scrollView
                                                       attribute:NSLayoutAttributeBottom
                                                      multiplier:1.0
                                                        constant:100.0]];

我不能说为什么你的 Masonary 实现不起作用,因为我不熟悉它。但我会尝试上述方法之一并确保。

坦率地说,你描述了设置 web view 的高度,我想知道你是设置 web view 的高度约束(好)还是只是调整了frame.size.height值(坏)。但是你还没有分享你如何设置网络视图高度的细节,所以我不能进一步评论。

无论如何,如果您遇到基于约束的问题,有两种有用的诊断技术。如果它仍然不起作用,我会在模拟器上运行应用程序,暂停它,然后在(lldb)提示符处输入:

po [[UIWindow keyWindow] _autolayoutTrace]

您应该会看到如下内容:

(lldb) po [[UIWindow keyWindow] _autolayoutTrace]
$0 = 0x0715d6e0 
*<UIWindow:0x758aae0>
|   *<UIView:0x71630f0>
|   |   *<UIScrollView:0x716a370>
|   |   |   *<HeaderView:0x716b860>
|   |   |   *<FooterView:0x716bbb0>
|   |   |   *<UIWebView:0x716c2b0>
|   |   |   |   <_UIWebViewScrollView:0x7176a30>
|   |   |   |   |   ...
|   |   |   |   |   <UIWebBrowserView:0x797fe00>
|   |   |   <UIImageView:0x75e1360>
|   |   |   <UIImageView:0x75e2a60>

确保那里没有任何警告。如果那里一切正常,那么我会在(lldb)提示符下使用以下命令:

po [[UIWindow keyWindow] recursiveDescription]

您应该会看到如下内容:

(lldb) po [[UIWindow keyWindow] recursiveDescription]
$1 = 0x071c0ea0 <UIWindow: 0x758aae0; frame = (0 0; 320 568); autoresize = W+H; layer = <UIWindowLayer: 0x758b770>>
   | <UIView: 0x71630f0; frame = (0 20; 320 548); autoresize = RM+BM; layer = <CALayer: 0x7163180>>
   |    | <UIScrollView: 0x716a370; frame = (0 0; 320 548); clipsToBounds = YES; gestureRecognizers = <NSArray: 0x716b1d0>; layer = <CALayer: 0x716ad20>; contentOffset: {0, 16}>
   |    |    | <HeaderView: 0x716b860; frame = (0 -100; 320 100); layer = <CALayer: 0x716b910>>
   |    |    | <FooterView: 0x716bbb0; frame = (0 564; 320 100); layer = <CALayer: 0x716bee0>>
   |    |    | <UIWebView: 0x716c2b0; frame = (0 8; 320 548); layer = <CALayer: 0x716c360>>
   |    |    |    | <_UIWebViewScrollView: 0x7176a30; frame = (0 0; 320 548); clipsToBounds = YES; autoresize = H; gestureRecognizers = <NSArray: 0x7177000>; layer = <CALayer: 0x7176c80>; contentOffset: {0, 0}>
   |    |    |    |    | ...
   |    |    |    |    | <UIWebBrowserView: 0x797fe00; frame = (0 0; 1024 1754); gestureRecognizers = <NSArray: 0x7173260>; layer = <UIWebLayer: 0x716d7f0>>
   |    |    |    |    |    | ...
   |    |    | <UIImageView: 0x75e1360; frame = (1 540; 318 7); alpha = 0; opaque = NO; autoresize = TM; userInteractionEnabled = NO; layer = <CALayer: 0x75e2980>>
   |    |    | <UIImageView: 0x75e2a60; frame = (312 32.5; 7 530.5); alpha = 0; opaque = NO; autoresize = LM; userInteractionEnabled = NO; layer = <CALayer: 0x75e2b00>>

看看你的各种结果frame值,看看发生了什么。这可以帮助您诊断解决方案。您没有为我们提供足够的信息来诊断问题(您告诉我们页脚不起作用,但您没有告诉我们您的约束最终将其放置在哪里)。如果您执行上述命令,您可以准确地确定约束最终放置页脚的位置,然后找出如何从那里解决问题。

请注意,您会看到 myheaderViewfooterView在这两个列表中显示为HeaderViewFooterView类,而不是UIView. 在诊断约束问题时,如果关键视图有自己的类,这很有用,所以我定义UIView了没有实现的子类,但是如果我将这些唯一的子类用于我的页眉和页脚视图,则更容易解释上述结果(lldb)命令。

@interface HeaderView : UIView
@end
@implementation HeaderView
@end

@interface FooterView : UIView
@end
@implementation FooterView
@end
于 2013-08-28T15:36:20.420 回答