Unity UGUI技巧 之 快速学会UI适配屏幕的变化

Unity UGUI技巧 之 快速学会UI适配屏幕的变化。本节介绍，在Unity游戏开发中，UI如何快速适配移动端屏幕的简单案例，具体如下图

工具/原料

Unity

UGUI

一、知识要点

1、CanvasScaler.uiScale怡觎现喾Mode：1）功能简述publicScaleModeuiScaleMode;Determines how UI el髫潋啜缅ements 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适配屏幕的变化》讲解结束，谢谢