欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Unity2D教程:UI随屏幕缩放相关问题

程序员文章站 2022-04-30 13:03:09
设置canvas随屏幕大小缩放,匹配模式选择Expand背景图片在锚点下按住Alt选择右下角那个。效果:...

关注专栏,持续更新哦

教程总目录


UI的设定确实蛋疼,要考虑屏幕缩放的问题。

大小变化不过分要求的UI的调试步骤

  • 一般的界面UI的设定较为简单,弄一个单独放按钮、状态条等小东西的Canvas,UI缩放模式设置为随屏幕大小变化。匹配模式设为Expand。
    Unity2D教程:UI随屏幕缩放相关问题

  • 选择一个游戏分辨率,最好大一点的,然后把Canvas的参考分辨率设置为这个分辨率。
    Unity2D教程:UI随屏幕缩放相关问题

  • 然后在这个分辨率下把所有的按钮设定好。

  • 设定好之后切换到其他分辨率看看是不是有问题,如果有问题通过锚点、缩放、伸缩等改改。

大小变化过分要求的UI的调试步骤

比如不管屏幕多大,长度都为屏幕长度的1/2,且固定从屏幕左边开始

  • 这种最好用Match Width Or Height
    Unity2D教程:UI随屏幕缩放相关问题
  • 比如height要求屏幕1/2,width要求屏幕width的,要匹配高度,然后游戏内自己调height=1/2,width随意。然后设置左右伸展(按住Alt)。
  • 这样相当于不管怎么变,height都会伸展到1/2,width会充满屏幕。
    Unity2D教程:UI随屏幕缩放相关问题
    Unity2D教程:UI随屏幕缩放相关问题

效果:

Unity2D教程:UI随屏幕缩放相关问题

Unity2D教程:UI随屏幕缩放相关问题

本文地址:https://blog.csdn.net/jk_chen_acmer/article/details/107099822