Unity UGUI技巧 之 快速学会UI适配屏幕的变化。本节介绍,在Unity游戏开发中,UI如何快速适配移动端屏幕的简单案例,具体如下图
工具/原料
1
Unity
2
UGUI
一、知识要点
CanvasScaler.uiScaleMode:1)功能简述public ScaleMode uiScaleMode;Determines how UI elements in the Canvas are scaled.
二、UGUI技巧 之 快速学会UI适配屏幕的变化
1
打开Unity,新建一个工程,具体如下图
2
在场景中,新建一个“Image”和“Button”,调整大小与布局,具体如下图
3
把“Game”视图的屏幕比例设置为“4:3”,具体如下图
4
在“Game”视图下缩放屏幕,能看见,UI会跑出屏幕视界,具体如下图
5
因为移动端手机的屏幕大小不一,不做好事先的屏幕适配,很有可能安装在移动端也会出现这种情况
6
为了避免上诉情况,选中“Canvas”,把“Canvas Scaler”的“UI Scale Mode”改为“Screen with Screen Size”,具体参数调整可以根据实际需要进项适配,具体如下图
7
在“Game”视图下缩放屏幕,无论怎么样,UI都不会跑出屏幕视界了,具体如下图
8
到此,《Unity UGUI技巧 之 快速学会UI适配屏幕的变化》讲解结束,谢谢
注意事项
您的支持,是我们不断坚持知识分享的动力,若帮到您,还请帮忙投票有得;若有疑问,请留言
上一篇:ui设计师工作内容是什么?
下一篇:一些UI知识点(持续更新)