iPhoneX快速适配,简单到你想哭。
2018-05-17 18:23
176 查看
研究了5个小时的iPhoneX适配。 从catalog,storyboard,safearea等一系列文章中发现。
如果我们想完全撑满全屏。那直接建一个storyboard就好了。
但撑满全屏后,流海就是一个恶心的问题。
思索半天后,我们发现,其实我们想要的。并不是撑满。 而是要去除留海部分。
那有没有一种办法,干脆就让我们的iPhoneX达到和iPhone6一样的显示效果呢。 或许这才是我们想要的。 下面的代码,放入每一个场景的onLoad中,靠热更新,就能支持iPhoneX了,效果不要不要的。(思路就是,iPhoneX下面,用ShowAll)
if(cc.sys.isNative && cc.sys.platform == cc.sys.IPHONE){ var size = cc.view.getFrameSize(); var isIphoneX = (size.width == 2436 && size.height == 1125) ||(size.width == 1125 && size.height == 2436); if(isIphoneX){ var cvs = this.node.getComponent(cc.Canvas); cvs.fitHeight = true; cvs.fitWidth = true; } }
总结一下步骤
1、新建一个Laucn Screen.storyboard
2、删除所有View下面的内容,SafeArea也要去掉
3、General里面,使用这个Launch Screen作为加载屏
这里想要达到最好的效果,还有设计分辨率有关。
比较推荐的是 1280 x 640. 在其他设备上,默认使用 定宽策略。 也就是说,高度上做自适应。 背景图做成 1280 x 960 就可以适配到iPad了。 (如果之前用的是1280 x 720的设计分辨率,也不打紧。勉强可以用)。
1280 x 640的设计分辨率,见下图。
之前为了适配ipad也是用的这招!只不过上下会有黑边,但游戏内容一览无余。
let isNotFit = cc.winSize.width / cc.winSize.height <= 1.65; let canvas = this.node.getComponent(cc.Canvas); if (isNotFit) { canvas.fitHeight = true; canvas.fitWidth = true; }
相关文章推荐
- 浅谈iphone X的简单适配问题(推荐)
- iPhone X的简单适配
- 获取移动端设备的屏幕信息(简单适配iphoneX)
- 快速自动化适配iPhone X
- Objective-C ,ios,iphone开发基础:快速实现一个简单的图片查看器
- iOS11以及iPhone X的简单适配
- 如何快速适配iPhone6及iPhone+ APP UI?
- 网页适配 iPhoneX,就是这么简单
- iPhone 实用技巧 之 快速使用iTools安装ipa软件。本节简单介绍如何使用iTools安装在iPhone上安装ipa软件,具体如下
- 简单的判断iPhone适配的问题
- 网页适配 iPhoneX,就是这么简单
- 网页适配 iPhoneX,就是这么简单
- Objective-C ,ios,iphone开发基础:快速实现一个简单的图片查看器
- 快速弄懂iPhone X 设计尺寸和适配
- 快速搭建企业级流媒体服务器方案(直播流服务器适配android和iphone)
- Android笔记之快速简单的适配
- Objective-C ,ios,iphone开发基础:快速实现一个简单的图片查看器
- [超级懒人最简单法]iPhone 6 plus 适配切图方法分享(转载文章)
- 简单适配3.5寸,4寸iPhone屏幕的方法
- H5页面适配 iPhoneX,就是这么简单