作者：手机用户2602939883 | 来源：互联网 | 2023-09-23 13:00
最近的项目要实现一个类似web端响应式布局的效果&＃xff0c;想了一下&＃xff0c;只能通过修改整体ui的scale来实现&＃xff1a;Content是一个image,这里充当一个容器&＃xff0c;需要根据需求设置好锚点和中心点&＃xff0c;会根据父物体的宽高适配&＃xff0c;父物体上挂载一个脚本&＃xff0c;当自身大小发生变化时计算Content应适配的大小换算为scale值&＃xff1a;
上代码&＃xff1a;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class UniformScaleUIContainer: MonoBehaviour
{/// /// 自身的RectTransform组件/// public RectTransform selfRectTransform;/// /// 适配内容的RectTransform组件/// public RectTransform contentRectTransform;/// /// 标准宽高/// private Vector2 contentReferenceResolution;/// /// 高宽比/// private float aspectRatio;/// /// 是否初始化结束/// private bool isInitOver;private void Awake(){contentReferenceResolution &＃61; contentRectTransform.rect.size;//计算标准高宽比aspectRatio &＃61; contentRectTransform.rect.height / contentRectTransform.rect.width;isInitOver &＃61; true;}private void OnRectTransformDimensionsChange(){RefreshContent();}private void RefreshContent (){if (!isInitOver) return;//计算自身当前的高宽比float selfAspectRatio &＃61; selfRectTransform.rect.height / selfRectTransform.rect.width;float scaleValue &＃61; 1;//适配标准高宽比if (selfAspectRatio > aspectRatio){scaleValue &＃61; selfRectTransform.rect.width * aspectRatio / contentReferenceResolution.y;} else if (selfAspectRatio }
京公网安备 11010802041100号