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

 时间:2026-02-16 02:26:00

1、CanvasScaler.uiScaleMode:

1)功能简述

public ScaleMode uiScaleMode;

Determines how UI elements in the Canvas are scaled.

1、打开Unity,新建一个工程,具体如下图

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

2、在场景中,新建一个“Image”和“Button”,调整大小与布局,具体如下图

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

3、把“Game”视图的屏幕比例设置为“4:3”,具体如下图

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

4、在“Game”视图下缩放屏幕,能看见,UI会跑出屏幕视界,具体如下图

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

5、因为移动端手机的屏幕大小不一,不做好事先的屏幕适配,很有可能安装在移动端也会出现这种情况

6、为了避免上诉情况,选中“Canvas”,把“Canvas Scaler”的“UI Scale Mode”改为“Screen with Screen Size”,具体参数调整可以根据实际需要进项适配,具体如下图

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

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

7、在“Game”视图下缩放屏幕,无论怎么样,UI都不会跑出屏幕视界了,具体如下图

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

8、到此,《Unity UGUI技巧 之 快速学会UI适配屏幕的变化》讲解结束,谢谢

  • 嘴干胃烧还有点疼,怎么办?
  • 父母逼婚怎么办 怎么面对父母的逼婚
  • 匡威1970s可真香,神仙帆布鞋合集!!
  • css border-radius的使用
  • 男性疾病有哪些症状
  • 热门搜索
    阴虱用什么药可以根除 婧是什么意思 导盲犬是什么狗 掠影是什么意思 8月3日是什么星座 had是什么意思 待岗是什么意思 腿酸是什么原因 梦见老虎是什么预兆 得了艾滋病有什么症状