iOS開發(fā)之topLayoutGuide和bottomLayoutGuide的使用小技巧分享

前言

十年的上饒網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整上饒建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“上饒網(wǎng)站設(shè)計(jì)”,“上饒網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

LayoutGuide這個(gè)概念在本人從事iOS開發(fā)過程中一直是比較陌生的。直至最近想要了解這個(gè)細(xì)碎的知識(shí)點(diǎn)，就隨手查了一下，發(fā)現(xiàn)這個(gè)概念從iOS7的top/bottom LayoutGuide，到iOS9 UILayoutGuide類的引入，直至最近的iOS11涉及適配iPhone X，引入了Safe Area概念，并且UIView增加了一個(gè)safeAreaLayoutGuide屬性。發(fā)現(xiàn)自己真的是知道的太少了，所以決定深入的研究下。

在IOS開發(fā)的過程中我們經(jīng)常會(huì)遇到一些緊貼tabbar有工具條之類的頁面，比如說購買、支付等頁面，往往這些頁面有時(shí)候在棧底顯示（頁面有tabbar），有時(shí)不在（頁面沒有tabbar）。

比如：

iOS開發(fā)之topLayoutGuide和bottomLayoutGuide的使用小技巧分享

這種頁面對(duì)于常規(guī)的做法是有tabbar的時(shí)候設(shè)置一套約束，沒有tabbar的時(shí)候更新一下約束。但是蘋果提過了一個(gè)bottomLayoutGuide可以讓我們更優(yōu)雅的處理這類問題。

代碼如下：

_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僅需一行我們就可以實(shí)現(xiàn)這樣的效果。

同樣來說這種效果對(duì)于navigationBar也適用——topLayoutGuide。對(duì)應(yīng)的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];
 // 手動(dòng)觸發(fā)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];

  // 得到當(dāng)前視圖的最低基準(zhǔn)限制，這個(gè)是對(duì)于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，這個(gè)是視圖最高基準(zhǔn)限制

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。

網(wǎng)頁名稱：iOS開發(fā)之topLayoutGuide和bottomLayoutGuide的使用小技巧分享
網(wǎng)頁路徑：http://www.rwnh.cn/article4/jipoie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、服務(wù)器托管、網(wǎng)站內(nèi)鏈、面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、網(wǎng)站導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

iOS開發(fā)之topLayoutGuide和bottomLayoutGuide的使用小技巧分享