当前位置: 移动技术网 > IT编程>移动开发>IOS > 浅谈iphone X的简单适配问题(推荐)

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

2019年07月24日  | 移动技术网IT编程  | 我要评论

红旗l5全球首撞,太阳泪,不知火舞之沙滩狂野

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

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


我们看一下官方的尺寸说明,发现该设备可支持@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测试了我们的项目,如图:


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


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

添加之后


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

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

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

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

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,特别是以保证视图在底部,再来一张适配好的带导航的图片

至此简单适配完成!

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

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

你可能需要添加新的launchimage

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

注意替换文件名

{
    "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)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网