> UIScrollView
> UIView
> UIButton
ScrollView应与窗口大小相同.
按钮应尽可能大.
我正在使用iOS自动布局,因此我所有对象的约束字符串都是这样的
H:|[object]| V:|[object]|
我还为每个对象设置了translatesAutoresizingMaskIntoConstraints为NO.
问题是该按钮仅获取默认按钮大小.它的父视图对象(UIView)只获得其子视图所需的大小.
红色：UIScrollView /黄色：UIView
如何强制这些视图与scrollView一样大？
当我使用UIView而不是UIScrollView时,一切都很好……
这是一些代码：
- (void) viewDidLoad {
[super viewDidLoad];
// SCROLL VIEW
UIScrollView* scrollView = [UIScrollView new];
scrollView.backgroundColor=[UIColor redColor];
scrollView.translatesAutoresizingMaskIntoConstraints = NO;
//CONTAINER VIEW
UIView *containerView = [UIView new];
containerView.translatesAutoresizingMaskIntoConstraints = NO;
containerView.backgroundColor = [UIColor yellowColor];
[scrollView addSubview:containerView];
// CONSTRAINTS SCROLL VIEW - CONTAINER VIEW
[scrollView addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[containerView]|"
options:0 metrics:nil
views:@{@"containerView":containerView}]];
[scrollView addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[containerView]|"
options:0 metrics:nil
views:@{@"containerView":containerView}]];
// BUTTON
UIButton* button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.translatesAutoresizingMaskIntoConstraints = NO;
[button setTitle:@"I'm way to small" forState:UIControlStateNormal];
[containerView addSubview:button];
// CONSTRAINTS CONTAINER VIEW - BUTTON
[containerView addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[button]|"
options:0 metrics:nil
views:@{@"button":button}]];
[containerView addConstraints:
[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[button]|"
options:0 metrics:nil
views:@{@"button":button}]];
self.view = scrollView;
}
更新：
我真的不知道,为什么会这样.如果在IB中设置视图,连接插座并在代码中实现视图,则scrollview的行为类似于普通视图(垂直弹跳).其contentSize未正确计算.更多here.但如何正确地做到这一点？
解决方法
>滚动视图中子视图的约束不像其他视图中的约束.它们用于设置滚动视图的contentSize. (见TN2154.)这样,你在滚动视图上抛出一堆东西,设置其中的东西的约束,并为你计算contentSize.这是非常酷的功能,但它与你在这里尝试做的事情是对立的.
>更糟糕的是,除非您为按钮的宽度和高度设置明确约束,否则按钮将根据其内容调整大小.
这两个观察的净效果是你现有的约束说“(a)将我的容器设置为我按钮的大小;(b)让我的按钮动态调整大小到文本的大小;并且(c)设置我的scrollview的contentSize根据我的容器的大小(这是按钮的大小).“
我不清楚业务问题是什么.但是这里有一些限制条件可以实现我认为您的技术问题：
- (void)viewDidLoad
{
[super viewDidLoad];
UIView *view = self.view;
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.backgroundColor = [UIColor redColor]; // just so I can see it
scrollView.translatesAutoresizingMaskIntoConstraints = NO;
[self.view addSubview:scrollView];
UIView *containerView = [[UIView alloc] init];
containerView.backgroundColor = [UIColor yellowColor]; // just so I can see it
containerView.translatesAutoresizingMaskIntoConstraints = NO;
[scrollView addSubview:containerView];
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
button.translatesAutoresizingMaskIntoConstraints = NO;
[button setTitle:@"I'm the right size" forState:UIControlStateNormal];
[containerView addSubview:button];
NSDictionary *views = NSDictionaryOfVariableBindings(scrollView,button,view,containerView);
// set the scrollview to be the size of the root view
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[scrollView]|"
options:0
metrics:nil
views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[scrollView]|"
options:0
metrics:nil
views:views]];
// set the container to the size of the main view,and simultaneously
// set the scrollview's contentSize to match the size of the container
[view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[containerView(==view)]|"
options:0
metrics:nil
views:views]];
[view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[containerView(==view)]|"
options:0
metrics:nil
views:views]];
// set the button size to be the size of the container view
[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[button(==containerView)]"
options:0
metrics:nil
views:views]];
[containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[button(==containerView)]"
options:0
metrics:nil
views:views]];
}
坦率地说,我不了解你的用户界面的商业意图,因为这感觉就像一个自动布局的扭曲,以实现一个非常简单的用户界面.如果你有“屏幕大小”的内容,我不知道为什么你有一个滚动视图(除非你是通过按钮分页).我不知道你为什么要有一个包含单个项目的内容视图.我不明白你为什么要使用全屏幕按钮(我只是在根视图上点击一下并将其称为一天).
我假设你有充分的理由解决所有这些问题,但是备份,询问你想要的用户体验是什么有意义,然后解决问题,看看是否有更有效的方法来达到预期的效果.
