Unity 图片不改变比例适配屏幕
- 前言
- 项目
- 场景布置
- 代码编写
- 添加并设置脚本
- 效果
前言
遇到一个要让图片适应相机大小,填满屏幕,但不改变图片比例的需求,记录一下。
项目
场景布置
代码编写
创建AdaptiveImageBackground脚本
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class AdaptiveImageBackground : MonoBehaviour
{
// Start is called before the first frame update
void Start()
{
AdaptiveFunction();
}
// Update is called once per frame
void Update()
{
if (Input.GetKeyDown(KeyCode.Q))
{
AdaptiveFunction();
}
}
/// <summary>
/// 自适应背景
/// </summary>
private void AdaptiveFunction()
{
RectTransform parentRect = transform.parent.GetComponent<RectTransform>();
RectTransform rectTransform = GetComponent<RectTransform>();
float parentAspect = parentRect.rect.width / parentRect.rect.height;
float imageAspect = rectTransform.rect.width / rectTransform.rect.height;
// 比较父容器的宽高比和图片的宽高比
if (parentAspect > imageAspect)
{
// 父容器更宽,调整图片的大小以填满宽度
rectTransform.sizeDelta = new Vector2(parentRect.rect.width, parentRect.rect.width / imageAspect);
}
else
{
// 父容器更高,调整图片的大小以填满高度
rectTransform.sizeDelta = new Vector2(parentRect.rect.height * imageAspect, parentRect.rect.height);
}
}
}
添加并设置脚本
挂在需要适配的Image上
效果
可以看到无论过长或者过宽图片都会自适应放大和缩小,并且不会改变图片的比例。