UNITY NGUI IPHONEX完美适配

苹果的IphoneX新增一个安全区的概念，如下图

图中绿色区域为安全区，所有可交互的组件全部放在安全区内，只有背景可以延伸出去，达到全面屏的效果

我们适配IphoneX采用NGUI通用的锚点去适配。默认的NGUI屏幕适配方案不支持安全区这个概念，我在NGUI每个继承UIRect的组件下新增一个Bool变量InSafeArea，这个变量如果为True则表示这个组件是放置在安全区内的，如果为false则表示这个组件是全屏的，一般为True，只有背景图才需要去掉这个勾

原理：

所有的NGUI锚点的适配最终都会调用NGUITools.GetSides这个方法，这个方法实际上是NGUI为Camera写的扩展方法，如下，新增了一个inSafeArea参数，备注内是我新增的

 static public Vector3[] GetSides (this Camera cam, float depth, Transform relativeTo, bool inSafeArea = true){
#if UNITY_4_3 || UNITY_4_5 || UNITY_4_6 || UNITY_4_7if (cam.isOrthoGraphic)
#elseif (cam.orthographic)
#endif{// for iphonex by xiaobaifloat xOffset = 1f;float yOffset = 1f;
#if UNITY_IOS//iphone x 适配if (SystemInfo.deviceModel.Contains("iPhone10,3") || SystemInfo.deviceModel.Contains("iPhone10,6") && inSafeArea){xOffset = 734f / 812f;yOffset = 340f / 375f;}
#elif UNITY_EDITOR//测试代码if (inSafeArea){Vector2 ssize = screenSize;if (ssize.x == 1624f && ssize.y == 750f)        //自动识别{xOffset = 734f / 812f;yOffset = 340f / 375f;}}
#endif// end for iphonex by xiaobaifloat os = cam.orthographicSize;float x0 = -os * xOffset;float x1 = os * xOffset;float y0 = -os * yOffset;float y1 = os;Rect rect = cam.rect;Vector2 size = screenSize;float aspect = size.x / size.y;aspect *= rect.width / rect.height;x0 *= aspect;x1 *= aspect;// We want to ignore the scale, as scale doesn't affect the camera's view region in UnityTransform t = cam.transform;Quaternion rot = t.rotation;Vector3 pos = t.position;mSides[0] = rot * (new Vector3(x0, 0f, depth)) + pos;mSides[1] = rot * (new Vector3(0f, y1, depth)) + pos;mSides[2] = rot * (new Vector3(x1, 0f, depth)) + pos;mSides[3] = rot * (new Vector3(0f, y0, depth)) + pos;}else{mSides[0] = cam.ViewportToWorldPoint(new Vector3(0f, 0.5f, depth));mSides[1] = cam.ViewportToWorldPoint(new Vector3(0.5f, 1f, depth));mSides[2] = cam.ViewportToWorldPoint(new Vector3(1f, 0.5f, depth));mSides[3] = cam.ViewportToWorldPoint(new Vector3(0.5f, 0f, depth));}if (relativeTo != null){for (int i = 0; i < 4; ++i)mSides[i] = relativeTo.InverseTransformPoint(mSides[i]);}return mSides;}

原理是如果检测到机型为iphonex，并且锚点限制在安全区内，就自动将屏幕大小缩小为安全区大小，否则就全屏。为了方便测试在编辑器下，设置分辨率为1624x750就可以方便的看到iphonex的效果了

这段代码只展示原理，具体如何去应用，还需要改动UIRect和UIRectEditor的相关方法

UNITY NGUI IPHONEX完美适配相关推荐

Unity NGUI屏幕适配
前段时间整理的一篇关于unity ui开发的文章,被推荐上了csdn首页,对于刚刚写文字的我来说,是莫大的鼓励,让我干劲十足,写出更多有质量的文字. 写在前面屏幕适配是每个手机应用和游戏都会解决的问 ...
taro 请务必在小程序页面中完善页面基础信息_小程序自定义导航栏（完美适配所有手机）...
背景在做小程序时,关于默认导航栏,我们遇到了以下的问题: Android.IOS手机对于页面title的展示不一致,安卓title的显示不居中页面的title只支持纯文本级别的样式控制,不能够做更 ...
微信小程序自定义导航栏组件,完美适配所有手机,可实现各种功能和情况
背景在做小程序时,关于默认导航栏,我们遇到了以下的问题: Android.IOS手机对于页面title的展示不一致,安卓title的显示不居中页面的title只支持纯文本级别的样式控制,不能够做更 ...
小程序自定义导航栏（完美适配所有手机）解决上下不居中左右不对齐高度不协调问题...
背景在做小程序时,关于默认导航栏,我们遇到了以下的问题: Android.IOS手机对于页面title的展示不一致,安卓title的显示不居中页面的title只支持纯文本级别的样式控制,不能够做更 ...
Unity NGUI 插件简介
文章目录 Unity NGUI 一. NGUI基础 1.1 导入NGUI插件 1.2 基本UI资源 1.3 制作UI图集 1.4 制作UI字体 1.5 UIRoot.UIPanel 和 UICamer ...
微信小程序自定义导航栏组件(完美适配所有手机),可自定义实现任何你想要的功能
背景在做小程序时,关于默认导航栏,我们遇到了以下的问题: Android.IOS 手机对于页面 title 的展示不一致,安卓 title 的显示不居中页面的 title 只支持纯文本级别的样式控 ...
Unity NGUI 3.0.4版本制作网络版斗地主
Unity NGUI 3.0.4版本 @by 灰太龙开发环境 Win7旗舰版 Unity 4.2.1f4 本文就写个开门篇,告诉大家怎么用NGUI,第一步导入NGUI 3.0.4版本! 1.启动U ...
sougou ubuntu 优麒麟_搜狗输入法 Linux – V2.3 版发布，完美适配优麒麟 19.10
搜狗输入法 Linux – V2.3 版发布,完美适配优麒麟 19.10 fenshezhuiyi2 2019年10月19日暂无评论阅读 4,346 次昨天已发布优麒麟操作系统 19.10 版本 ...
android图片适配到裁剪框,Android图片剪裁-调用系统实现，完美适配魅族等机型
System-Photo-Cropper Android System Photo Cropper 使用系统原生的图片剪裁库,完美适配魅族等机型 Step 1 First you need a sys ...

UNITY NGUI IPHONEX完美适配

UNITY NGUI IPHONEX完美适配相关推荐

最新文章

热门文章