服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - 图文讲解如何解决App的iOS 7顶部状态栏适配问题

图文讲解如何解决App的iOS 7顶部状态栏适配问题

2021-01-21 14:52cwli IOS

至今很多iOS App还要照顾到iOS 7进行最低的版本适配,而iOS7开始status bar的实际屏幕用情况与iOS 6等不尽相同,这里我们就来以图文讲解如何解决App的iOS 7顶部状态栏适配问题

首先说明下,ios7中,由于status bar不再占用单独的20px,如果app需要同时支持ios7和ios6.1以下,那就需要适配下了,适配开始:
先看用xcode新建项目后 ios7和ios6上的的运行效果:
ps:一个empty application 里面+了一个rootcontroller,作为window的根控制器,view里面放了一个tableview;

图文讲解如何解决App的iOS 7顶部状态栏适配问题图文讲解如何解决App的iOS 7顶部状态栏适配问题
是不是遇到的ios7的新问题,状态栏跟tableview重叠了,ok,看见这个不想看到的结果,下面我们就开始正式的解决掉这个招人不喜欢的效果。
第一步:不要勾选xib中的use autolayout,如下图:

图文讲解如何解决App的iOS 7顶部状态栏适配问题

第二步:第二步:选择view as “ios6.1 and earlier”,还是上图位置处;
第三步:在size inspector中,有一ios6/7 deltas:分别表示在posx的增量、posy的增量、宽度增量、高度增量。

图文讲解如何解决App的iOS 7顶部状态栏适配问题

ps:在“ios6.1 and earlier”模式下,由于status bar的高度为20,所以当app运行在ios7.0模式下时,需要view向下移动20像素,因此在δy上设置为20.
tableview坐标向下移动了20,由于整个屏幕的高度是不变的,所以在“ios7.0 and later”模式下,需要将tableview的高度减去20像素,即在“ios6.1 and earlier”模式下,设置tableview的δheight为 -20。如果不设置δheight,tableview底部会有20像素是不可见的,可以测试demo看看。
***注***:δ,正数表示增,负数表示减。
第四步:ok,设置完成,到ios上看效果:

图文讲解如何解决App的iOS 7顶部状态栏适配问题

是不是神奇的发现跟以前的有似曾相识的赶脚呢。。。这样“ios6.1 and earlier”和“ios7.0 and later” ui布局便统一了。

另一种方法
上面通过xib的设置达到了状态栏和view重合的问题,接下来我们讲一讲网传的修改window frame方法。
先上步骤:
第一:在appdeletage里面 添加如下代码:

?
1
2
3
if ([[[uidevice currentdevice] systemversion] floatvalue] >= 7.0) {
self.window.frame = cgrectmake(0.0f,20.0f,self.window.frame.size.width,self.window.frame.size.height-20.0f);
}

2.在info.plist文件里面 属性:view controller-based status bar appearance  值设为no。
下面看效果:

图文讲解如何解决App的iOS 7顶部状态栏适配问题图文讲解如何解决App的iOS 7顶部状态栏适配问题

在看下图,你会发现一个问题:

图文讲解如何解决App的iOS 7顶部状态栏适配问题

这是什么原因导致的呢?我发现,由于window你又548变成了528吧,但是你发现tableview的高度还是548,导致了有20个像素不能显示。那有的同学会说,直接改成528不就得了么,是的,可以改,改后你发现ios7上确实没有了缺像素的问题,但是在ios6有直接缺半截,看下图:

图文讲解如何解决App的iOS 7顶部状态栏适配问题图文讲解如何解决App的iOS 7顶部状态栏适配问题

所以呢,由我亲自测试,这种方法想要适配ios7和ios6有点不太靠谱。
最后解释一下几个名词设置的作用:

?
1
2
3
4
5
6
7
8
- (uistatusbarstyle)preferredstatusbarstyle
{
 return uistatusbarstylelightcontent;
}
- (bool)prefersstatusbarhidden
{
 return no;
}

在plist中设置view controller-based status bar appearance  值设为yes..
这些的作用是:基于controller,动态控制statusbar的隐藏与样式。

延伸 · 阅读

精彩推荐
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28