iOS开发之topLayoutGuide和bottomLayoutGuide的使用小技巧分享

 更新时间:2017年11月20日 10:24:50   作者:宋冬野  
这篇文章主要给大家介绍了关于iOS开发之topLayoutGuide和bottomLayoutGuide使用的一些小技巧,需要的朋友可以参考下

前言

LayoutGuide这个概念在本人从事iOS开发过程中一直是比较陌生的。直至最近想要了解这个细碎的知识点,就随手查了一下,发现这个概念从iOS7的top/bottom LayoutGuide,到iOS9 UILayoutGuide类的引入,直至最近的iOS11涉及适配iPhone X,引入了Safe Area概念,并且UIView增加了一个safeAreaLayoutGuide属性。发现自己真的是知道的太少了,所以决定深入的研究下。

在IOS开发的过程中我们经常会遇到一些紧贴tabbar有工具条之类的页面,比如说购买、支付等页面,往往这些页面有时候在栈底显示(页面有tabbar),有时不在(页面没有tabbar)。

比如:

这种页面对于常规的做法是有tabbar的时候设置一套约束,没有tabbar的时候更新一下约束。但是苹果提过了一个bottomLayoutGuide可以让我们更优雅的处理这类问题。

代码如下:

_bottomView = [UIView new];
 _bottomView.backgroundColor = [UIColor yellowColor];
 [self.view addSubview:_bottomView];
 [_bottomView mas_makeConstraints:^(MASConstraintMaker *make) {
  make.height.equalTo(@40);
  make.left.and.right.equalTo(self.view);
  make.bottom.equalTo(self.mas_bottomLayoutGuide);
 }];

搭配Masonry,使用Masonry提供的mas_bottomLayoutGuide仅需一行我们就可以实现这样的效果。

同样来说这种效果对于navigationBar也适用——topLayoutGuide。对应的Masonry使用方法是mas_topLayoutGuide。
完整代码(代码量太少就不给完整的链接了):

#import "ViewController.h"
#import "Masonry.h"
@interface ViewController ()
@property (strong, nonatomic) UIView *topView;
@property (strong, nonatomic) UIView *bottomView;
@end

@implementation ViewController

- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view, typically from a nib.
 UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
 btn.frame = CGRectMake(0, 164, 80, 50);
 [btn setTitle:@"top" forState:UIControlStateNormal];
 btn.backgroundColor = [UIColor redColor];
 [btn addTarget:self action:@selector(topClick) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:btn];

 UIButton *btn1 = [UIButton buttonWithType:UIButtonTypeCustom];
 btn1.backgroundColor = [UIColor yellowColor];
 btn1.frame = CGRectMake(0, 264, 80, 50);
 [btn1 setTitle:@"bottom" forState:UIControlStateNormal];
 [btn1 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
 [btn1 addTarget:self action:@selector(bottomClick) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:btn1];
 [self initView];
}

- (void)initView {
 _topView = [UIView new];
 _topView.backgroundColor = [UIColor greenColor];
 [self.view addSubview:_topView];
 [_topView mas_makeConstraints:^(MASConstraintMaker *make) {
  make.height.equalTo(@40);
  make.left.and.right.equalTo(self.view);

  make.top.equalTo(self.mas_topLayoutGuide);

 }];

 _bottomView = [UIView new];
 _bottomView.backgroundColor = [UIColor yellowColor];
 [self.view addSubview:_bottomView];
 [_bottomView mas_makeConstraints:^(MASConstraintMaker *make) {
  make.height.equalTo(@40);
  make.left.and.right.equalTo(self.view);
  make.bottom.equalTo(self.mas_bottomLayoutGuide);
 }];
}
- (void)topClick{

 [self.navigationController setNavigationBarHidden:!self.navigationController.navigationBarHidden animated:NO];
// [self updateViewConstraints];
}
- (void)bottomClick{

 [self.navigationController setToolbarHidden:!self.navigationController.toolbarHidden animated:NO];
 // 手动触发updateViewConstraints
// [self updateViewConstraints];
}
- (void)didReceiveMemoryWarning {
 [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
}

@end

附:iOS 使用LayoutGuide 来限制控件的位置,配合Auto Layout constraints

  UIButton *button = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
  [self.view addSubview:button];
  
  [button setTranslatesAutoresizingMaskIntoConstraints: NO];

  // 得到当前视图的最低基准限制,这个是对于Auto Layout constraint来说的。
  id bottomGuide = self.bottomLayoutGuide;
  NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings (button, bottomGuide);
  [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat: @"V:[button]-20-[bottomGuide]"
                                   options: 0
                                   metrics: nil
                                    views: viewsDictionary]];
  
  [self.view layoutSubviews];

同理可以得到topLayoutGuide,这个是视图最高基准限制

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • iOS10适配以及Xcode8使用需要注意的那些坑

    iOS10适配以及Xcode8使用需要注意的那些坑

    这篇文章主要为大家详细介绍了iOS10的适配以及Xcode8使用需要注意的那些坑,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS自定义UIButton点击动画特效

    iOS自定义UIButton点击动画特效

    这篇文章主要为大家详细介绍了iOS自定义UIButton点击动画特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • iOS键盘弹出遮挡输入框的解决方法

    iOS键盘弹出遮挡输入框的解决方法

    这篇文章主要为大家详细介绍了iOS键盘弹出遮挡输入框的解决方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • 解析iOS应用开发中对设计模式中的抽象工厂模式的实现

    解析iOS应用开发中对设计模式中的抽象工厂模式的实现

    这篇文章主要介绍了解析iOS应用开发中对设计模式中的抽象工厂模式的实现,示例代码为传统的Objective-C,需要的朋友可以参考下
    2016-03-03
  • iOS中lebel特殊字符的自动换行问题解决

    iOS中lebel特殊字符的自动换行问题解决

    这篇文章主要给大家介绍了关于iOS中lebel特殊字符的实现不自动换行的相关资料,文中通过示例代码介绍的非常详细,对大家学习iOS具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-10-10
  • iOS实现动态自适应标签

    iOS实现动态自适应标签

    这篇文章主要为大家详细介绍了iOS动态自适应标签的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 简述iOS属性中的内存管理参数

    简述iOS属性中的内存管理参数

    这篇文章主要介绍了简述iOS属性中的内存管理参数 的相关资料,需要的朋友可以参考下
    2018-02-02
  • iOS实现应用内切换语言及字体大小(模仿微信)

    iOS实现应用内切换语言及字体大小(模仿微信)

    这篇文章主要给大家介绍了关于利用iOS如何实现应用内切换语言及字体大小的相关资料,实现的效果类似我们经常在微信中见到的,文中通过示例代码介绍的非常详细,需要的朋友们可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • iOS11实现App内自动连接Wi-Fi的方法

    iOS11实现App内自动连接Wi-Fi的方法

    这篇文章主要给大家介绍了关于iOS11实现App内自动连接Wi-Fi的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-10-10
  • IOS实现验证码倒计时功能(二)

    IOS实现验证码倒计时功能(二)

    这篇文章主要介绍了IOS实现验证码倒计时功能,点击获取验证码,进入时间倒计时,感兴趣的小伙伴们可以参考一下
    2016-04-04

最新评论