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的使用
  • 男性疾病有哪些症状
  • 热门搜索
    佳美口腔怎么样 脸上有斑点怎么办 厦门大学经济学院怎么样 镜泊湖旅游攻略 苹果减肥法 生存战争怎么玩 狗粮怎么泡 云南旅行攻略 普陀山简介 网速不稳定怎么解决