英德市住房城乡建设局网站,步骤图,app设计与开发公司,做啥网站文章目录 前言导入素材开始一、页面适配方案二、侧边栏适配方法一方法二 参考完结 前言
这期来讲一个简单的UI设计方案#xff0c;很多同学可能搞不懂锚点、轴心这些概念#xff0c;导致做好的UI在别人的设备上#xff0c;乱跑或者是重叠#xff0c;或者是参加游戏老发时间… 文章目录 前言导入素材开始一、页面适配方案二、侧边栏适配方法一方法二 参考完结 前言
这期来讲一个简单的UI设计方案很多同学可能搞不懂锚点、轴心这些概念导致做好的UI在别人的设备上乱跑或者是重叠或者是参加游戏老发时间比较紧来不及做适配都可以来试试这个方法通过填充边框来保持游戏画面的原始比例所以它的缺点也很明显在一些移动设备上会浪费比较大的显示面积
关于unity UI介绍和适配的其实之前写的零基础教程里讲过只不过锚点的配置起来比较复杂不懂得可以先去看看【Unity游戏开发教程】零基础带你从小白到超神30——UI组件和布局的使用
导入素材 开始
一、页面适配方案
先随便设计一个UI样式 我们现在画面的分辨率是1080P所以可以正常显示如果别人的显示器是其他的分辨率比如2K或者4K就会导致这个图片的位置和大小出现偏差 这里我们可以更改画布的缩放模式改成屏幕大小缩放由于我的UI是在1080P的分辨率下设计的所以我们把参考分辨率也改成1080P这样的话无论是什么分辨率只要保持屏幕169的比例都可以保持UI的大小不变 但如果玩家的显示器是其它的比例或者玩家没有使用全屏来游玩游戏都有可能导致UI跑到画面的外面 我们可以把画布的屏幕匹配模式改成展开(Expand)这样就会在上下或者左右填充背景色来保持游戏画面的原始比例
二、侧边栏适配
但这里还有一个问题有时候我们会在屏幕的外面藏一个二级菜单可能是想做一个滑动出来的效果之类的如果玩家用的是带鱼屏就很有可能露馅比如之前炉石传说就是这个样子的
方法一
我们只需要创建一个图像然后把它的长宽设置成1920x1080刚好可以覆盖游戏画面并且给它添加上Mask组件再把所有的UI设置成它的子对象这样游戏画面外的东西就会被它给遮住 方法二
还有一种办法就是把侧边栏的锚点放在屏幕的边缘
参考
【视频】https://www.bilibili.com/video/BV1Vz4y137xY
完结
赠人玫瑰手有余香如果文章内容对你有所帮助请不要吝啬你的点赞评论和关注以便我第一时间收到反馈你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法也欢迎评论私信告诉我哦
好了我是向宇https://xiangyu.blog.csdn.net
一位在小公司默默奋斗的开发者出于兴趣爱好于是最近才开始自习unity。如果你遇到任何问题也欢迎你评论私信找我 虽然有些问题我可能也不一定会但是我会查阅各方资料争取给出最好的建议希望可以帮助更多想学编程的人共勉~
