iOS11 兼容适配和填坑(一)

    就在今年九月,苹果新品发布会推出新产品和iOS11,如今已经进入iOS11时代.
   在ios11时 ,由于新款的iPhone x 的横空出世,给我们的适配和开发带来新的挑战和问题.没办法,苹果爸爸每一次大的改进,都会搞出一些事情的,我们只能淡定的去适应苹果的新功能.

 1   导航栏尺寸变化了先看图
CB242CAE-B3D0-4115-8E3F-E70203B29B9C.png

因为刘海的存在iphoneX 的导航栏高度要高出一些

但是ios11 时 在在UINavigationBar中新增了一个BOOL属性prefersLargeTitles, 将该属性设置为ture,navigation bar就会在整个APP中显示大标题

上代码

pragma mark 导航栏

    //大标题
    -(void)makeTopTitleView
    {
      self.navigationItem.title=@"ios11Test";
     //不加上这一句颜色会不对
    self.navigationController.navigationBar.translucent = NO;
    //背景色注意
    [self.navigationController.navigationBar setBarTintColor:[UIColor greenColor]];
   //设置字体
     self.navigationController.navigationBar.titleTextAttributes=
     @{NSForegroundColorAttributeName:[UIColor blackColor],NSFontAttributeName:[UIFont boldSystemFontOfSize:17]};




/*
在UINavigationBar中新增了一个BOOL属性prefersLargeTitles,将该属性设置为ture,navigation bar就会在整个APP中显示大标题,如果想要在控制不同页面大标题的显示,可以通过设置当前页面的navigationItem的largeTitleDisplayMode属性
 */


self.navigationController.navigationBar.prefersLargeTitles=YES;

  /*  navigationItem.largeTitleDisplayMode

    typedef NS_ENUM(NSInteger, UINavigationItemLargeTitleDisplayMode) {
        /// 自动模式依赖上一个 item 的特性
        UINavigationItemLargeTitleDisplayModeAutomatic,
        /// 针对当前 item 总是启用大标题特性
        UINavigationItemLargeTitleDisplayModeAlways,
        /// Never
        UINavigationItemLargeTitleDisplayModeNever,
    }
   */

   
  // self.navigationItem.largeTitleDisplayMode=UINavigationItemLargeTitleDisplayModeAutomatic;
 
 
   }
4025F7E9-A7DA-468D-8C61-CA7951925B57.png

从图上我们可以看到 导航栏高度变大了 ,字体也变粗了
查看了一剑孤城的 一篇博客,讲的比较详细 博客地址: //www.greatytc.com/p/352f101d6df1
在里面详细介绍了这个尺寸的变化,我这里先借用他的 一些数据和图.

在iOS11导航栏多了一个LargeTitleView,专门显示大字标题用的,整个导航栏的高度达到了96p,这不包括状态栏的高度,也就是说,整个app顶部高度达到了116p,其中statusbar=20,title=44,largetitle=52,不过默认是64p;当然,iPhoneX的高度会更高点,如果不显示大字标题,顶部的高度也达到了88,statusbar=44,title=44,如果显示大字标题,则高度变成了140,statusbar=44,title=44,largetitle=52,也就是说,iPhoneX的刘海高度为24p

总结就是 :

     在显示LargeTitleView 时

         普通尺寸导航栏高度是  20(status) +44(title)+52(large)

         iphone x  导航栏高度  44(status) +44(title)+52(large)

   在不需要显示LargeTitleView 时
   
          普通尺寸导航栏高度是  20(status) +44(title)

         iphone x  导航栏高度  44(status) +44(title)
37DA8151-40C5-4B66-9CA0-B1BE2084CAB3.png
  2   导航栏搜索控制器 searchController

navigationItem.searchController //iOS 11 新增属性
navigationItem.hidesSearchBarWhenScrolling //决定滑动的时候是否隐藏搜索框;iOS 11 新增属性

#pragma mark  searchController

-(void)showSearchController
 {
     UISearchController* search=[[UISearchController alloc]initWithSearchResultsController:nil];
    self.navigationItem.searchController=search;
  }
A245684D-FC2B-4747-B43A-73EDFD8EA82A.png

楼主并没有设置显示大图,但是可以看到自动显示了一个largeView.

但是当楼主把这段代码复制进去一个TableViewContoller 的时候 又不会出现这个效果了 ,楼主暂时没找到原因,如果有知道的盆友,希望能分享下.

   3    iPhoneX底部tabbar的高度改变

iPhone X不止多了刘海,底部还有一个半角的矩形,使得tabbar多出来了34p的高度

参考: 你可能需要为你的 APP 适配 iOS 11

( App界面适配iOS11(包括iPhoneX的奇葩尺寸)
(//www.greatytc.com/p/352f101d6df1)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,384评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,845评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,148评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,640评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,731评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,712评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,703评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,473评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,915评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,227评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,384评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,063评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,706评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,302评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,531评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,321评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,248评论 2 352

推荐阅读更多精彩内容