unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

1.ui的适配经常是游戏开发中常见的。这个因为每年的手机机型都在变化。属于一种不可变的变量。
但是,目前市面上也会有各种插件来辅助屏幕适配。不过要想解决根本问题。还是要从美术制作UI。与程序UI搭建上入手,这才是根本问题。以下是我经过插件测试国内大部分机型。规避整理出的一套安全范围,以及操作流程。这样做不需要任何付费插件,一样能做到ui完美适配任何机型。并且不管是APP游戏,还是H5小程序,都可以规避刘海屏、水滴平、异形照相机孔洞、小程序右上角三个自带虚拟按键、等。

下面上图。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

通过上图,你会发现,我经过插件测试,(插件中有好几百款市面上比较火的机型。在此只抽出几个特殊案例进行展示。)只要你的UI设计出现在红色范围以内,那么就会被特殊屏幕遮挡。因此我们用纯色图片进行规避。如下图。unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
2.看上图,你会发现我们用黑色方块测量了,红色区域的范围。范围如下。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

3,从上图经过我们的测量。红色区域为不可以设计图标以及按钮的区域。因此设计在制作的时候要避开这些部分。(区域图可以直接下载下来,放在psd图层最上方,调整透明度,检测你设计的Ui是否在安全范围。)
首先设计要在10802340的源文件psd下制作文件。并且设计图标的时候在蓝色范围内制作。
之后正常右键切图,修改分辨率为单数的像素值变为双数画布,方便程序搭建的时候计算数值。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
4.当切图切好后,我们到unity中搭建,并且设置分辨率为1080
2340

unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

5。给特殊角标按钮调整适配锚点。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
6.如上图,把你的父对象,如右图调整为以高不变适配屏幕。
0代表宽不变。1代表高不变。0.5带表屏幕拉伸的时候会等比缩放按钮大小。
都调整好之后我们来用插件测试一下成果。
unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
7.如上图。我们搭建的测试界面,完美的随着屏幕避开了各种特屏幕,并且自动适配位置与比例。

下面是测试屏幕的插件 Universal_Device_Preview_1.8.8

链接 https://assetstore.unity.com/packages/tools/utilities/universal-device-preview-82015

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » unity26技美——游戏开发中适配2020年各种机型UI的制作规范、插件、以及规避方法。
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏