Unity UI自适应 Image自适应宽高 Text自适应宽高

最新推荐文章于 2026-05-23 10:04:26 发布

原创

最新推荐文章于 2026-05-23 10:04:26 发布 · 3.5k 阅读

标签

#unity #unity3d #ui

本文介绍了一种在Unity中实现UI元素自适应的解决方案，包括Image和Text组件的自适应调整，以及整个UI布局的自动调整。通过提供的C#代码示例，开发者可以轻松地使UI元素适应不同屏幕尺寸。

自适应Image与Text

为什么要写这个
因为Unity自带的自适应功能限制性太大,想自己对UI做一些事情,挂上Unity自带的自适应基本上啥都干不了.

自己写的只会在调用时进行自适应

自适应之前

在这里插入图片描述

自适应之后

在这里插入图片描述

上代码

加载出来的图片可能与Image的宽高不符,用这个代码可以解决

        /// <summary>
        /// 自适应Image,不考虑高度,如果图片比父物体要宽,图片将会自适应
        /// </summary>
        /// <param name="mImage"></param>
        /// <param name="mIsAdaptHeight">是否进行高度自适应,有滑动条可忽略</param>
        /// <param name="mSize">缩放倍数</param>
        public static void AdaptiveUIImage( this Image mImage, bool mIsAdaptHeight = false, float mSize = 0.95f)
        {
   
   
            if (mImage.type != Image.Type.Simple)
                return;
            mImage.SetNativeSize ();
            if (mImage.rectTransform.sizeDelta.x > mImage.rectTransform.parent.GetComponent<RectTransform> ().sizeDelta.x)
            {
   
   
                float w = mImage.rectTransform.parent.GetComponent<RectTransform> ().sizeDelta.x / mImage.rectTransform.sizeDelta.x;
                //Debug.Log ("图片宽:" + f + "%");
                mImage.rectTransform.sizeDelta = new Vector2 (mImage.rectTransform.sizeDelta.x * w, mImage.rectTransform.sizeDelta.y * w) * mSize;
            }
            if (mIsAdaptHeight)
            {
   
   
                if (mImage.rectTransform.sizeDelta.y > mImage.rectTransform.parent.GetComponent<RectTransform> ().sizeDelta.y)
                {
   
   
                    float h = mImage.rectTransform.parent.GetComponent<RectTransform> ().sizeDelta.y / mImage.rectTransform.sizeDelta.y;
                    //Debug.Log ("图片宽:" + f + "%");
                    mImage.rectTransform.sizeDelta = new Vector2 (mImage.rectTransform.sizeDelta.x * h, mImage.rectTransform.sizeDelta.y * h) * mSize;
                }
            }
        }

需要改变内容的Text宽高也有可能与实际的Text内容大小不符,用这个可以完美解决

        /// <summary>
        /// 自适应Text,不考虑宽度(宽度可自定义),如果txt数量过多导致显示不出来下一行,可自适应高度
        /// </summary>
        /// <param name="mText">text</param>
        public static void AdaptiveUIText( this Text mText, bool mIsAdaptWide = false, float mSize = 0.95f )
        {
   
   
            if (mIsAdaptWide)
            {
   
   
                mText.rectTransform.sizeDelta = new Vector2 (mText.transform.parent.GetComponent<RectTransform>().sizeDelta.x* mSize, mText.rectTransform.sizeDelta.y);
            }
            mText.rectTransform.sizeDelta = new Vector2 (mText.rectTransform.sizeDelta.x, mText.preferredHeight);
        }

AdaptiveUI 这个方法功能比较全,父物体下的所有UI都会自适应,可以向左向右中间对齐,可以调整UI之间的间隔距离

完整代码:

using UnityEngine;
using UnityEngine.UI;

public enum AnchorPresets
{
   
   
    TopLeft,
    TopCenter,
    TopRight,

    MiddleLeft,
    MiddleCenter,
    MiddleRight,

    BottomLeft,
    BottonCenter,
    BottomRight,
    BottomStretch,

    VertStretchLeft,
    VertStretchRight,
    VertStretchCenter,

    HorStretchTop,
    HorStretchMiddle,
    HorStretchBottom,

    StretchAll
}
public enum PivotPresets
{
   
   
    TopLeft,
    TopCenter,
    TopRight,

    MiddleLeft,
    MiddleCenter,
    MiddleRight,

    BottomLeft,
    BottomCenter,
    BottomRight,
}
public enum UILocation
{
   
   
    左,
    中,
    右
}
public static class UIUtil
{
   
   
    /// <summary>
    /// 自适应Image,不考虑高度,如果图片比父物体要宽,图片将会自适应
    /// </summary>
    /// <param name="mImage"></param>
    /// <param name="mIsAdaptHeight">是否进行高度自适应,有滑动条可忽略</param>
    /// <param name="mSize">缩放倍数</param>
    public static void AdaptiveUIImage( this Image mImage