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

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

服务器之家 - 编程语言 - IOS - 浅谈iphone X的简单适配问题(推荐)

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

2021-04-04 17:21黑炭长 IOS

这篇文章主要介绍了浅谈iphone X的简单适配(推荐),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

上周apple大大发布了新的设备,其中最引人注目的莫过于iphone x,对于这款设备官方有详尽的解说官方文档,除了最新的若干ar、人工智能等功能外,我们发现这也是一款全新尺寸的设备。

官方文档指出这款设备的没有home键,当然有若干手势操作代替了home键的功能,同时该设备也是基本的全面屏设备。当然听到了不少吐槽该设备的“前刘海”,但是我认为相对于刘海上添加的功能,这个刘海也无伤大雅,毕竟相比美观,对于我这种务实者来说更看重功能,闲话不多说,我们在苹果发布设备的第一时间对我们的工程做了简单的适配,今天有时间,在这里说一下适配过程和小问题。

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

我们看一下官方的尺寸说明,发现该设备可支持@3x的分辨率,再看官方的对于适配的说明:

most apps that use standard, system-provided ui elements like navigation bars, tables, and collections automatically adapt to the device's new form factor. background materials extend to the edges of the display and ui elements are appropriately inset and positioned.

大概意思是说一般的原有的ui、导航等视图都可以自行适配,但是我们在第一时间用xcode9测试了我们的项目,如图:

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

并没有充满整个屏幕,简单快速适配需要添加相应的启动图

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

启动图的大小为375x812 @3x

添加之后

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

此时可以完美的充满整个屏幕了但是还是有一些小问题,特别是在用纯代码的工程中特别爱用

?
1
2
#define screenwidth [uiscreen mainscreen].bounds.size.width
#define screenhight [uiscreen mainscreen].bounds.size.height

这两个宏定义,来获取屏幕的宽高,容易出问题的地方在底部视图的情况,原来的所有机型状态+导航都是64,这里突然变的更大了,原来计算位置的frame现在可能会不在原来的位置上了

由于状态+导航我们有了两个不同的尺寸,方便起见可以使用下边的代码动态获取

?
1
2
3
4
5
6
7
8
9
cgrect rectstatus = [[uiapplication sharedapplication] statusbarframe];
nslog(@"status width - %f", rectstatus.size.width); // 宽度
nslog(@"status height - %f", rectstatus.size.height); // 高度
 
 
// 导航栏(navigationbar)
cgrect rectnav = self.navigationcontroller.navigationbar.frame;
nslog(@"nav width - %f", rectnav.size.width); // 宽度
nslog(@"nav height - %f", rectnav.size.height); // 高

这样就可以精确地获得frame,特别是以保证视图在底部,再来一张适配好的带导航的图片

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

至此简单适配完成!

适配ios11与iphonex过程中遇到的问题

问题 1 app上下为黑色区域,不是全屏(iphonex)

你可能需要添加新的launchimage

编辑launchimage的contents.json文件,在前面添加如下代码

注意替换文件名

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
    "extent" : "full-screen",
    "idiom" : "iphone",
    "subtype" : "2436h",
    "filename" : "iphonex.png",
    "minimum-system-version" : "11.0",
    "orientation" : "portrait",
    "scale" : "3x"
   },
   {
    "extent" : "full-screen",
    "idiom" : "iphone",
    "subtype" : "2436h",
    "filename" : "iphonex.png",
    "minimum-system-version" : "11.0",
    "orientation" : "landscape",
    "scale" : "3x"
   },

问题2 tabbar或navigation bar异常 (iphonex)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:http://www.jianshu.com/p/17d522b4153d

延伸 · 阅读

精彩推荐
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

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

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

    xiari5772021-06-01
  • IOSiOS通过逆向理解Block的内存模型

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

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

    Swiftyper12832021-03-03
  • IOSIOS开发之字典转字符串的实例详解

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

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

    苦练内功5832021-04-01
  • IOS关于iOS自适应cell行高的那些事儿

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

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

    daisy6092021-05-17
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

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

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

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

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

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

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

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

    一片枫叶4662020-12-25
  • IOSiOS布局渲染之UIView方法的调用时机详解

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

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

    windtersharp7642021-05-04