iPhoneX 适配

我就是我 2022-01-12 01:09 275阅读 0赞

### iPhoneX 适配 ###

#### 参考： ####

> 1.  [developer.apple.com/videos/play…][developer.apple.com_videos_play]
> 2.  [developer.apple.com/videos/play…][developer.apple.com_videos_play 1]
> 3.  [medium.com/rosberryapp…][medium.com_rosberryapp]
> 4.  [medium.com/@kahseng.le…][medium.com_kahseng.le]

#### 参数： ####

`lck_safeAreaLayoutGuide`: Snap 中使用  
`lck_safeAreaInsets`: Frame 布局中使用， 在 layoutSubview 时生效  
`lck_keyWindowSafeAreaInsets`： Frame 布局中使用，全局生效

#### 1. 适配 UITableView(UIScrollView/UICollection) ####

_tableView.snp.makeConstraints { (make) in
    	make.leading.trailing.top.bottom.equalTo(0)
    }
    复制代码

不需要做额外适配，在 `contentInsetAdjustmentBehavior = .automatic` 情况下 `contentOffSet` 会自动适配 `Home Indicator`

#### 2. 适配自定义控件 ####

// 定义 containerView
    let containerView = UIView()
    containerView.backgroundColor = _switchView.backgroundColor
    addSubview(containerView)
    containerView.snp.makeConstraints { (make) in
       make.leading.trailing.bottom.equalTo(0)
    }
    // 适配 safeArea
    containerView.addSubview(_switchView)
        _switchView.snp.makeConstraints { (make) in
        make.leading.trailing.top.equalTo(0)   
        make.height.equalTo(44)
        make.bottom.equalTo(lck_safeAreaLayoutGuide)
    }
    复制代码

#### 3.未适配 ####

`self.navigationItem.searchController = searchController` 因为导航栏底部分割线自定义存在问题

#### 4.其他 ####

`left & leading`: `leading` 布局与 local 有关，一些国家阅读习惯是从右往左， leading 会自动适配， 而 `left` 是绝对布局

转载于:https://juejin.im/post/5d0b9828f265da1b8466ec0b

[developer.apple.com_videos_play]: https://link.juejin.im?target=https%3A%2F%2Fdeveloper.apple.com%2Fvideos%2Fplay%2Ftech-talks%2F201%2F
[developer.apple.com_videos_play 1]: https://link.juejin.im?target=https%3A%2F%2Fdeveloper.apple.com%2Fvideos%2Fplay%2Ftech-talks%2F207%2F
[medium.com_rosberryapp]: https://link.juejin.im?target=https%3A%2F%2Fmedium.com%2Frosberryapps%2Fios-safe-area-ca10e919526f
[medium.com_kahseng.le]: https://link.juejin.im?target=https%3A%2F%2Fmedium.com%2F%40kahseng.lee123%2Fhow-to-solve-the-most-common-interface-problems-when-adapting-apps-ui-for-iphone-x-44c0f3c80d84