ios 11和iphone x的相关适配问题及解决方法

有关iOS11 ,最大的变化就是增加了一个安全区域(safeArea)的概念,iOS11 适配的大部分问题都是由于它引起的。

在ios 11中,tableView会莫名偏移,解决办法:

//解决iOS11 tableview会出现漂移,预估高度都设为0
 self.tableView.estimatedRowHeight = 0;
 self.tableView.estimatedSectionHeaderHeight = 0;
 self.tableView.estimatedSectionFooterHeight = 0; 

解决scrollView,默认位移了,解决办法:

-(void)setScrollViewContentInsetAdjustmentBehavior:(UIScrollView *)scrollView {
#if __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000
 if(@available(iOS 11.0, *)) {
  if ([scrollView respondsToSelector:@selector(setContentInsetAdjustmentBehavior:)]) {
   scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
  }
 }
#endif
} 

关于iphone x适配,封装了一个类:代码如下:

ScreenTool.h

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
#define ViewSafeAreaInsets(view) [ScreenToolSharedInstance getViewSafeAreaInsets:view]
#define WindowSafeAreaInsets [ScreenToolSharedInstance getWindowSafeAreaInsets]
#define Screen_height [[UIScreen mainScreen] bounds].size.height
#define Screen_width [[UIScreen mainScreen] bounds].size.width
#define ScreenToolSharedInstance [ScreenTool sharedInstance]
#define NavAndStatusBarHeight [ScreenToolSharedInstance getNavAndStatusBarHeight]
#define TabBarAndVirtualHomeHeight [ScreenToolSharedInstance getTabBarAndVirtualHomeHeight]
#define StatusBarHeight [ScreenToolSharedInstance getStatusBarHeight]
#define NavContentHeight [ScreenToolSharedInstance getNavContentHeight]
#define TabBarContentHeight [ScreenToolSharedInstance getTabBarContentHeight]
#define ScrollViewContentInsetAdjustmentBehavior(scrollView) [ScreenToolSharedInstance setScrollViewContentInsetAdjustmentBehavior:scrollView]
typedef NS_ENUM(NSUInteger, DeviceScreenType) {//设备屏幕类型
 DeviceTypeIphone4Screen,
 DeviceTypeIphone5Screen,
 DeviceTypeIphone6Screen,
 DeviceTypeIphone6PlusScreen,
 DeviceTypeIphoneXScreen,
 DeviceTypeOtherScreen
};
typedef NS_ENUM(NSUInteger, DeviceOrientationType) {//屏幕方向类型
 DeviceOrientationTypeHorizontalScreen,
 DeviceOrientationTypeVerticalScreen,
 DeviceOrientationTypeOther
};
@interface ScreenTool : NSObject
@property(nonatomic,unsafe_unretained)BOOL isAccordingToSafeArea;
-(void)setScrollViewContentInsetAdjustmentBehavior:(UIScrollView *)scrollView;
+(ScreenTool *)sharedInstance;
+(BOOL)isSmallScreen;
-(UIEdgeInsets)getWindowSafeAreaInsets;
-(UIEdgeInsets)getViewSafeAreaInsets:(UIView *)view;
-(NSString *)getDevice;
-(DeviceScreenType)getDeviceType;
-(DeviceOrientationType)getDeviceOrientationType;
-(CGFloat)getNavAndStatusBarHeight;
-(CGFloat)getTabBarAndVirtualHomeHeight;
-(CGFloat)getTabBarContentHeight;
-(CGFloat)getNavContentHeight;
-(CGFloat)getStatusBarHeight;
@end
ScreenTool.m
[objc] view plain copy
#import "ScreenTool.h"
@implementation ScreenTool
-(instancetype)init{
 if (self = [super init]) {
  self.isAccordingToSafeArea = YES;
 }
 return self;
}
+(ScreenTool *)sharedInstance {
 static dispatch_once_t pred = 0;
 __strong static id screenTool = nil;
 dispatch_once(&pred, ^{
  screenTool = [[self alloc] init];
 });
 return screenTool;
}
-(void)setScrollViewContentInsetAdjustmentBehavior:(UIScrollView *)scrollView {
#if __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000
 if(@available(iOS 11.0, *)) {
  if ([scrollView respondsToSelector:@selector(setContentInsetAdjustmentBehavior:)]) {
   scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
  }
 }
#endif
}
-(UIEdgeInsets)getWindowSafeAreaInsets {
 UIEdgeInsets i = UIEdgeInsetsZero;
#if __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000
 if(@available(iOS 11.0, *)) {
  i = [UIApplication sharedApplication].keyWindow.safeAreaInsets;
 }
#endif
 return i;
}
-(UIEdgeInsets)getViewSafeAreaInsets:(UIView *)view {
 UIEdgeInsets i = UIEdgeInsetsZero;
#if __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000
 if(@available(iOS 11.0, *)) {
  i = view.safeAreaInsets;
 }
#endif
 return i;
}
-(NSString *)getDevice {
 if ((Screen_width == 320 && Screen_height == 480) || (Screen_height == 320 && Screen_width == 480)) {
  return @"4";
 }else if ((Screen_width == 320 && Screen_height == 568) || (Screen_height == 320 && Screen_width == 568)) {
  return @"5";
 }else if ((Screen_width == 375 && Screen_height == 667) || (Screen_height == 375 && Screen_width == 667)) {
  return @"6";
 }else if ((Screen_width == 375 && Screen_height == 812) || (Screen_height == 375 && Screen_width == 812)) {
  return @"x";
 }else if ((Screen_width == 414 && Screen_height == 736) || (Screen_height == 414 && Screen_width == 736)) {
  return @"6p";
 }else {
  return @"";
 }
}
-(DeviceScreenType)getDeviceType {
 if ((Screen_width == 320 && Screen_height == 480) || (Screen_height == 320 && Screen_width == 480)) {
  return DeviceTypeIphone4Screen;
 }else if ((Screen_width == 320 && Screen_height == 568) || (Screen_height == 320 && Screen_width == 568)) {
  return DeviceTypeIphone5Screen;
 }else if ((Screen_width == 375 && Screen_height == 667) || (Screen_height == 375 && Screen_width == 667)) {
  return DeviceTypeIphone6Screen;
 }else if ((Screen_width == 375 && Screen_height == 812) || (Screen_height == 375 && Screen_width == 812)) {
  return DeviceTypeIphoneXScreen;
 }else if ((Screen_width == 414 && Screen_height == 736) || (Screen_height == 414 && Screen_width == 736)) {
  return DeviceTypeIphone6PlusScreen;
 }else {
  return DeviceTypeOtherScreen;
 }
}
-(DeviceOrientationType)getDeviceOrientationType {
 if ([[UIDevice currentDevice] orientation] == UIDeviceOrientationPortrait || [[UIDevice currentDevice] orientation] == UIDeviceOrientationPortraitUpsideDown) {
  return DeviceOrientationTypeVerticalScreen;
 } else if ([[UIDevice currentDevice] orientation] == UIDeviceOrientationLandscapeLeft || [[UIDevice currentDevice] orientation] == UIDeviceOrientationLandscapeRight) {
  return DeviceOrientationTypeHorizontalScreen;
 }else {
  return DeviceOrientationTypeOther;
 }
}
+(BOOL)isSmallScreen{
 if (Screen_width >=375 && Screen_height >= 667) {
  return NO;
 }else {
  return YES;
 }
}
-(CGFloat)getTabBarContentHeight {
 if (!UIEdgeInsetsEqualToEdgeInsets(UIEdgeInsetsZero, WindowSafeAreaInsets)) {
  //if ([self getDeviceType] == DeviceTypeIphoneXScreen) {
  if ([self getDeviceOrientationType] == DeviceOrientationTypeHorizontalScreen) {
   if (self.isAccordingToSafeArea) {
    return 32;
   }else {
    return 49;
   }
  }else {
   return 49;
  }
 }else {
  return 49;
 }
}
-(CGFloat)getNavContentHeight {
 if (!UIEdgeInsetsEqualToEdgeInsets(UIEdgeInsetsZero, WindowSafeAreaInsets)) {
  // }
  // if ([self getDeviceType] == DeviceTypeIphoneXScreen) {
  if ([self getDeviceOrientationType] == DeviceOrientationTypeHorizontalScreen) {
   if (self.isAccordingToSafeArea) {
    return 32;
   }else {
    return 44;
   }
  }else {
   return 44;
  }
 }else {
  return 44;
 }
}
-(CGFloat)getStatusBarHeight {
 return [[UIApplication sharedApplication] statusBarFrame].size.height;
}
-(CGFloat)getNavAndStatusBarHeight {
 return [self getNavContentHeight]+[self getStatusBarHeight];
}
-(CGFloat)getTabBarAndVirtualHomeHeight {
 return [self getTabBarContentHeight]+WindowSafeAreaInsets.bottom;
}
@end 

总结

以上所述是小编给大家介绍的ios 11和iphone x的相关适配问题及解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • iPhone X官方文档的适配学习详解

    前言 官方文档原文地址:链接,iPhone X在文中均用iPX来表示,iPhone 7在文中均用iP7来表示 屏幕尺寸 iPX的屏幕尺寸是2436px×1125px(812pt×375pt @ 3x),也就是说我们依然使用的是3x的素材应该影响不大,他和iP7在宽度上是一致的,但是高度上多了145个点. 布局 最好在真机上预览一下布局. 布局需要延伸到边缘,另外在纵向高度上最好可以根据不同情境滚动. 状态栏的高度已经改变了,如果布局没有使用系统的导航栏,或者布局是依照导航栏来的,那么需要重新适配

  • iPhoneX 各种适配记录笔记(超全面)

    前言 与以往的iPhone不同,这次iPhone X用上了时下流行的全面屏设计,屏幕的分辨率和比例都是苹果首次采用,而且还有个"别致的刘海",这就需要现有的APP为iPhone X重新作适配了. 所以iPhone X 的到来,惊艳的是果粉,苦逼的是程序猿.今天升级到Xcode9.0,运行项目,所谓的全屏 iPhone X,but 页面好像也没有全屏,于是根据之前的适配经验,总算初步解决了这个问题,记录如下,以备后需. App 页面适配适配前 适配前 问题:App 未全屏显示 解决办法

  • iOS11和iPhoneX适配的一些坑

    本文转载于:http://www.cocoachina.com/ios/20170921/20623.html 导航栏 导航栏高度的变化 iOS11之前导航栏默认高度为64pt(这里高度指statusBar + NavigationBar),iOS11之后如果设置了prefersLargeTitles = YES则为96pt,默认情况下还是64pt,但在iPhoneX上由于刘海的出现statusBar由以前的20pt变成了44pt,所以iPhoneX上高度变为88pt,如果项目里隐藏了导航栏加了

  • iPhoneX无导航栏页面适配问题解决方案

    原全屏适配在iPhoneX会由于安全区域的变化导致显示不全. 解决方案如下: 在self.view上添加一个view,剩下的视图基于该view布局,view的约束随self.view.safeAreaInsets的改变需要重置: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. self.view.backgroundColor = [UIColor blac

  • 关于适配iOS11和iPhoneX的一些事

    前言 众所周知iOS11正式版终于来了,最近也把app适配了一下,其实也不是很麻烦,来看看我做的一些操作,话不多说了,来一起看看吧. 1.UITableView.UICollectionView的变化 tableView在iOS11默认使用Self-Sizing,tableView的estimatedRowHeight.estimatedSectionHeaderHeight. estimatedSectionFooterHeight三个高度估算属性由默认的0变成了UITableViewAuto

  • 浅谈iphone X的简单适配问题(推荐)

    上周Apple大大发布了新的设备,其中最引人注目的莫过于iphone X,对于这款设备官方有详尽的解说官方文档,除了最新的若干AR.人工智能等功能外,我们发现这也是一款全新尺寸的设备. 官方文档指出这款设备的没有home键,当然有若干手势操作代替了home键的功能,同时该设备也是基本的全面屏设备.当然听到了不少吐槽该设备的"前刘海",但是我认为相对于刘海上添加的功能,这个刘海也无伤大雅,毕竟相比美观,对于我这种务实者来说更看重功能,闲话不多说,我们在苹果发布设备的第一时间对我们的工程做

  • iOS11&iPhoneX适配&Xcode9打包注意事项

    1,适配UITableView if#available(iOS11.0, *) { self.contentInsetAdjustmentBehavior= .never self.estimatedRowHeight=0 self.estimatedSectionHeaderHeight=0 self.estimatedSectionFooterHeight=0 }else{ } 2,适配UIScrollView if#available(iOS11.0, *) { scrollView?.

  • 详解iOS11、iPhone X、Xcode9 适配指南

    更新iOS11后,发现有些地方需要做适配,整理后按照优先级分为以下三类: 单纯升级iOS11后造成的变化: Xcode9 打包后造成的变化: iPhoneX的适配 一.单纯升级iOS11后造成的变化 升级后,发现某个拥有tableView的界面错乱,组间距和contentInset错乱,因为iOS11中 UIViewController 的 automaticallyAdjustsScrollViewInsets 属性被废弃了,因此当tableView超出安全区域时,系统自动会调整SafeAre

  • 微信小程序中吸底按钮适配iPhone X方案

    随着第二三批iPhone X的陆续到货,身边的土豪们纷纷用了起来,因为iPhone X的齐刘海导致的适配问题很多,所以这群土豪更沉浸在各种找bug中,不出所料,豌豆公主小程序在一些地方也出现了一丢丢体验不好的地方,主要是商品详情页和购物车的吸底按钮栏,会与 Home Indicator 横条重叠,这样在点击下方按钮时很容易误触发手势操作,如下图: 截图来自网络,侵删 是bug就得修,是体验问题就得优化,于是立马搞了一台iPhone X开始研究. 网页端的适配还好,有 viewport meta

  • iOS 11更新后及iPhone X推出后工程中遇到的问题及适配方法

    1.UITableView滑动时右侧的滑动条忽长忽短的乱跳以及MJRefresh上拉刷新死循环 这是因为tableView在iOS11默认使用Self-Sizing,tableView的estimatedRowHeight.estimatedSectionHeaderHeight.estimatedSectionFooterHeight三个高度估算属性由默认的0变成了UITableViewAutomaticDimension,MJRefresh的KVO会监听错误的contentoffset,造成

随机推荐