Auto Layout 常见问题汇总

1. 多个view等间距分布

这个问题较为常见,也比较好解决,根据官方文档中的spacer view的概念,主要是利用已经hidden的view来实现,设置这些spacer view的宽或高属性相等即可巧妙实现。spacer view结合auto layout使用,灵活使用可以解决大部分的UI问题。
参考资料:


2.  View的hidden设置为YES,间距不变的问题

UIView有一个很有意思的特性,即使UIView就算hidden为YES,它的宽高仍然是参加auto layout的,并且frame一般是不会变化,除非对于类似UILabel这样已经重写了intrinsic content size的控件。这也是我们可以非常方便使用spacer view的原因。
这个特性给我们带来方便的同时,也给我们带来了一些问题,我在实际开发中常遇到一个情况,就是根据服务器的返回的数据展示不同的UI,比如我们经常需要实现下面这两种情况,图来自stackoverflow。


或者


有时候根据各种数据和产品需求的不同,我们希望可以通过控制某个UIView的展示与否,然后调整其他view的frame。可我发现虽然设置UIView的hidden为YES,但是UIView的frame所占的空间仍然在,留有一片空白。

解决方式有两种:
(1) 通过NSPredicate来筛选出对应的NSLayoutConstraint对象,然后修改其中的对应的值,原理可以参考:http://stackoverfl
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Auto Layout可以通过代码实现,以下是一个使用代码实现Auto Layout布局的示例: 首先,创建需要布局的视图,并将其添加到父视图中: ``` UIView *superView = self.view; UIView *subView = [[UIView alloc] init]; subView.translatesAutoresizingMaskIntoConstraints = NO; [superView addSubview:subView]; ``` 然后,使用NSLayoutConstraint类创建需要的约束,并将它们添加到视图中: ``` NSLayoutConstraint *leadingConstraint = [NSLayoutConstraint constraintWithItem:subView attribute:NSLayoutAttributeLeading relatedBy:NSLayoutRelationEqual toItem:superView attribute:NSLayoutAttributeLeading multiplier:1.0 constant:10.0]; NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:subView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:superView attribute:NSLayoutAttributeTop multiplier:1.0 constant:10.0]; NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:subView attribute:NSLayoutAttributeWidth relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:100.0]; NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:subView attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeNotAnAttribute multiplier:1.0 constant:100.0]; [superView addConstraints:@[leadingConstraint, topConstraint]; [subView addConstraints:@[widthConstraint, heightConstraint]]; ``` 在上面的代码中,首先创建了需要布局的子视图subView,并将其添加到父视图superView中。然后,分别创建了leadingConstraint、topConstraint、widthConstraint和heightConstraint四个约束,并将它们添加到superView和subView中。 需要注意的是,使用NSLayoutConstraint类创建约束时,需要指定参照视图、属性和常量等信息,并将约束添加到视图中。使用addConstraints方法可以同时添加多个约束到一个视图中,而使用addConstraint方法可以将单个约束添加到一个视图中。 通过上面的示例,可以看到使用代码实现Auto Layout布局的过程相对繁琐,需要注意各个约束的关系和顺序,但在实际开发中,有时需要使用代码实现布局,因此需要仔细学习和掌握。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值