Unity UGUI背景图屏幕分辨率适配 您所在的位置:网站首页 王者五黑壁纸怎么设置全屏模式 Unity UGUI背景图屏幕分辨率适配

Unity UGUI背景图屏幕分辨率适配

2024-06-18 19:36| 来源: 网络整理| 查看: 265

文章目录 一、前言二、背景图分辨率适配方法1、全屏铺满方法2、等宽高比缩放方法3、背景图分层

一、前言

游戏中,必不可少会有需要显示背景图的地方,比如登录界面、Loading界面等。

二、背景图分辨率适配

背景图的展示一般分两种情形。

方法1、全屏铺满

图片的锚点设置为stretch - stretch,即:上下左右贴边,这样图片在任意分辨率屏幕下都会铺满全屏。 在这里插入图片描述 缺点:当屏幕的宽高比不等于图片的宽高比时,会让图片发生拉伸导致形变; 在这里插入图片描述

方法2、等宽高比缩放

图片的锚点设置为stretch - center,即:上下贴边。 然后给图片挂上Aspect Ratio Fitter组件,这个组件可以约束图片的宽高比,设置Aspect Mode为Height Controls Width,设置Aspect Ratio(宽高比)为2(具体宽高比根据需求自己定)。 这样,图片就会保持上下贴边,根据高度来自动计算宽。 在这里插入图片描述

缺点:当屏幕很宽的时候,可能会出现屏幕两边穿帮。 在这里插入图片描述

方法3、背景图分层

将背景图分成两层:环境背景图、主角图。 在这里插入图片描述在这里插入图片描述 环境背景图使用全屏铺满的方式适配,主角图使用等宽高比缩放的适配方式。

在这里插入图片描述 这样既可以确保主角不发生形变,又可以确保屏幕两边不会穿帮。 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有