Unity 动态更换Image图片 && UI自适应

这篇具有很好参考价值的文章主要介绍了Unity 动态更换Image图片 && UI自适应。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、动态更换Image图片

前提:Image源文件必须存放在自行创建的文件夹[Resources]中
Unity 动态更换Image图片 && UI自适应
方式一:typeof 类型 Resources.Load()动态更换Image

Image img;
//image路径
string path = "Images/Item/img";
//参数为资源路径和资源类型
Sprite sprite = Resources.Load(path,typeof(Sprite)) as Sprite;
//动态更换image
Img.sprite = sprite;

方式二:泛型
这里的icon_{数值:00}实际上是图片的名称,只不过用的是正则的方式替换了文章来源地址https://www.toymoban.com/news/detail-509968.html

Sprite sprite = Resources.Load<Sprite>($"Images/icon_{数值:00}");

二、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
{
    Left,
    Center,
    Right
}
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, 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;
            }
        }
    }
    /// <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);
    }

    /// <summary>
    /// UI自适应(子物体锚点不允许为Stretch模式)
    /// </summary>
    /// <param name="mUIParent">父物体</param>
    /// <param name="mUILocation">自适应位置</param>
    /// <param name="mGap">间隔距离</param>
    /// <param name="mAlterUIParent">父物体是否跟随子物体调整大小</param>
    public static void AdaptiveUI( this RectTransform mUIParent, UILocation mUILocation = UILocation.Center, float mGap = 10f, bool mAlterUIParent = true )
    {
        #region 锚点固定左上角
        foreach (RectTransform item in mUIParent)
        {
            item.SetAnchor (AnchorPresets.TopLeft);
        }
        #endregion

        RectTransform UIItem = null;
        foreach (Transform item in mUIParent.transform)
        {
            if (!item.gameObject.activeSelf)
                continue;

            #region 自适应Text与Image
            Image image = item.GetComponent<Image> ();
            Text text = item.GetComponent<Text> ();
            if (image)
                AdaptiveUIImage (image);
            if (text)
                AdaptiveUIText (text,true);
            #endregion

            if (UIItem == null)
            {
                UIItem = item.GetComponent<RectTransform> ();
                UIItem.anchoredPosition = new Vector2 (UIItem.anchoredPosition.x, ( UIItem.sizeDelta.y / -2 ));
            }
            else
            {
                float itemx = item.GetComponent<RectTransform> ().anchoredPosition.x;
                float itemy = UIItem.anchoredPosition.y - ( item.GetComponent<RectTransform> ().sizeDelta.y / 2 ) - ( UIItem.sizeDelta.y / 2 );
                item.GetComponent<RectTransform> ().anchoredPosition = new Vector2 (itemx, itemy);
                UIItem = item.GetComponent<RectTransform> ();
            }
            SetUILocation (mUIParent, item.GetComponent<RectTransform> (), mUILocation, mGap);
        }
        //设置父物体的长度
        if (mAlterUIParent)
        {
            float mUIParent_Y = ( UIItem.anchoredPosition.y * -1 ) + ( UIItem.sizeDelta.y / 2 );
            mUIParent.sizeDelta = new Vector2 (mUIParent.sizeDelta.x, mUIParent_Y + mGap);
            //mUIParent.SetPivot (PivotPresets.TopCenter);
            //mUIParent.SetAnchor ( AnchorPresets.TopLeft);
        }
    }

    static void SetUILocation( RectTransform mUIParent, RectTransform mTaggetUI, UILocation mUILocation, float mGap )
    {
        float mTaggetUI_X = 0;
        float mTaggetUI_Y = mTaggetUI.anchoredPosition.y - mGap;
        switch (mUILocation)
        {
            case UILocation.Left:
                mTaggetUI_X = mTaggetUI.sizeDelta.x / 2 + mGap;
                break;
            case UILocation.Center:
                mTaggetUI_X = mUIParent.sizeDelta.x / 2;
                break;
            case UILocation.Right:
                mTaggetUI_X = mUIParent.sizeDelta.x - ( mTaggetUI.sizeDelta.x / 2 ) - mGap;
                break;
        }
        mTaggetUI.anchoredPosition = new Vector2 (mTaggetUI_X, mTaggetUI_Y);
    }

    public static void SetAnchor( this RectTransform source, AnchorPresets allign, int offsetX = 0, int offsetY = 0 )
    {
        source.anchoredPosition = new Vector3 (offsetX, offsetY, 0);

        switch (allign)
        {
            case ( AnchorPresets.TopLeft ):
                {
                    source.anchorMin = new Vector2 (0, 1);
                    source.anchorMax = new Vector2 (0, 1);
                    break;
                }
            case ( AnchorPresets.TopCenter ):
                {
                    source.anchorMin = new Vector2 (0.5f, 1);
                    source.anchorMax = new Vector2 (0.5f, 1);
                    break;
                }
            case ( AnchorPresets.TopRight ):
                {
                    source.anchorMin = new Vector2 (1, 1);
                    source.anchorMax = new Vector2 (1, 1);
                    break;
                }

            case ( AnchorPresets.MiddleLeft ):
                {
                    source.anchorMin = new Vector2 (0, 0.5f);
                    source.anchorMax = new Vector2 (0, 0.5f);
                    break;
                }
            case ( AnchorPresets.MiddleCenter ):
                {
                    source.anchorMin = new Vector2 (0.5f, 0.5f);
                    source.anchorMax = new Vector2 (0.5f, 0.5f);
                    break;
                }
            case ( AnchorPresets.MiddleRight ):
                {
                    source.anchorMin = new Vector2 (1, 0.5f);
                    source.anchorMax = new Vector2 (1, 0.5f);
                    break;
                }

            case ( AnchorPresets.BottomLeft ):
                {
                    source.anchorMin = new Vector2 (0, 0);
                    source.anchorMax = new Vector2 (0, 0);
                    break;
                }
            case ( AnchorPresets.BottonCenter ):
                {
                    source.anchorMin = new Vector2 (0.5f, 0);
                    source.anchorMax = new Vector2 (0.5f, 0);
                    break;
                }
            case ( AnchorPresets.BottomRight ):
                {
                    source.anchorMin = new Vector2 (1, 0);
                    source.anchorMax = new Vector2 (1, 0);
                    break;
                }

            case ( AnchorPresets.HorStretchTop ):
                {
                    source.anchorMin = new Vector2 (0, 1);
                    source.anchorMax = new Vector2 (1, 1);
                    break;
                }
            case ( AnchorPresets.HorStretchMiddle ):
                {
                    source.anchorMin = new Vector2 (0, 0.5f);
                    source.anchorMax = new Vector2 (1, 0.5f);
                    break;
                }
            case ( AnchorPresets.HorStretchBottom ):
                {
                    source.anchorMin = new Vector2 (0, 0);
                    source.anchorMax = new Vector2 (1, 0);
                    break;
                }

            case ( AnchorPresets.VertStretchLeft ):
                {
                    source.anchorMin = new Vector2 (0, 0);
                    source.anchorMax = new Vector2 (0, 1);
                    break;
                }
            case ( AnchorPresets.VertStretchCenter ):
                {
                    source.anchorMin = new Vector2 (0.5f, 0);
                    source.anchorMax = new Vector2 (0.5f, 1);
                    break;
                }
            case ( AnchorPresets.VertStretchRight ):
                {
                    source.anchorMin = new Vector2 (1, 0);
                    source.anchorMax = new Vector2 (1, 1);
                    break;
                }

            case ( AnchorPresets.StretchAll ):
                {
                    source.anchorMin = new Vector2 (0, 0);
                    source.anchorMax = new Vector2 (1, 1);
                    break;
                }
        }
    }

    public static void SetPivot( this RectTransform source, PivotPresets preset )
    {

        switch (preset)
        {
            case ( PivotPresets.TopLeft ):
                {
                    source.pivot = new Vector2 (0, 1);
                    break;
                }
            case ( PivotPresets.TopCenter ):
                {
                    source.pivot = new Vector2 (0.5f, 1);
                    break;
                }
            case ( PivotPresets.TopRight ):
                {
                    source.pivot = new Vector2 (1, 1);
                    break;
                }

            case ( PivotPresets.MiddleLeft ):
                {
                    source.pivot = new Vector2 (0, 0.5f);
                    break;
                }
            case ( PivotPresets.MiddleCenter ):
                {
                    source.pivot = new Vector2 (0.5f, 0.5f);
                    break;
                }
            case ( PivotPresets.MiddleRight ):
                {
                    source.pivot = new Vector2 (1, 0.5f);
                    break;
                }

            case ( PivotPresets.BottomLeft ):
                {
                    source.pivot = new Vector2 (0, 0);
                    break;
                }
            case ( PivotPresets.BottomCenter ):
                {
                    source.pivot = new Vector2 (0.5f, 0);
                    break;
                }
            case ( PivotPresets.BottomRight ):
                {
                    source.pivot = new Vector2 (1, 0);
                    break;
                }
        }
    }
}


UI自适应使用方式

public class UIDemo : MonoBehaviour
{
    public RectTransform UIParent;
    public Image UIImage;
    public Text UIText;
    void Start()
    {
        UIParent.AdaptiveUI ();
        UIImage.AdaptiveUIImage ();
        UIText.AdaptiveUIText ();
    }
}

到了这里,关于Unity 动态更换Image图片 && UI自适应的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • unity加载图片并自适应RawImage大小

         

    2024年02月06日
    浏览(59)
  • Unity UI系统--image组件

    UI中除了文本,最多的就是图片、按钮,那lmage组件主要负责图片的显示 lmage游戏物体必须放在Canvas游戏物体下才可以生效         Sourcelmage(源图片):源图片,在脚本中叫spriteColor :源图片,在脚本中叫sprite         color(颜色):是一个叠加色,并不是真的改变颜色  

    2024年02月05日
    浏览(40)
  • element UI中设置图片的高度并支持PC和手机自适应

    一、elementui 导航菜单栏和Breadcrumb 面包屑关联 二、elementui 左侧导航菜单栏与main区域联动 三、elementui 中设置图片的高度并支持PC和手机自适应 四、elementui 实现一个固定位置的Pagination(分页)组件 在使用Element UI时,可以通过样式覆盖来实现图片的高度在PC和移动端的自适应

    2024年04月13日
    浏览(44)
  • 【Unity】 Canvas及UI屏幕自适应的基本介绍

    当使用Unity引擎开发游戏时,可以使用Canvas(画布)来处理游戏中的用户界面࿰

    2024年02月12日
    浏览(49)
  • 第三十九章 Unity 图像 (Image) UI

    本章节,我们介绍一下“Image”UI元素,首先我们创建一个新场景“SampleScene2.unity”。然后我们点击菜单栏“GameObjec”-“UI”-“Image”,如下所示 我们将其放置到了中间位置,检视面板中的参数如下  默认情况下,这个“Image”的尺寸是100 * 100像素。 这里,我们主要介绍它的

    2024年02月10日
    浏览(50)
  • Unity UI.Image 六边形+流光 Shader

    效果图 参考代码  

    2024年02月11日
    浏览(51)
  • 【UGUI】学会Unity中UGUI中UI元素自适应问题

    彻底学会Unity中UGUI中UI元素自适应问题 官方介绍:设计用于多种分辨率的 UI - Unity 手册 所所谓自适应就是画面元素跟随屏幕分辨率的改变而保持相对位置或者自身像素同步改变! 屏幕分辨率自适应:依靠画布缩放器组件完成 相对位置:依靠锚点位置完成,锚点主要负责保持

    2024年02月04日
    浏览(38)
  • Unity UGUI的Image(图片)组件的介绍及使用

    UGUI的Image(图片)组件是Unity引擎中的一种UI组件,用于显示2D图像。它提供了一种简单而灵活的方式来在游戏中加载和显示图片。 使用UGUI的Image组件可以方便地在游戏中展示各种图片资源,比如角色头像、道具图标等。它具有以下优点: 易用性 :UGUI的Image组件提供了简单易

    2024年02月11日
    浏览(68)
  • Unity技术手册-UGUI零基础详细教程-Image图片

    往期文章分享 点击跳转=《导航贴》- Unity手册,系统实战学习 点击跳转=《导航贴》- Android手册,重温移动开发 本文约3千字,新手阅读需要7分钟,复习需要2分钟 【 收藏随时查阅不再迷路 】 众所周知,人生是一个漫长的流程,不断 克服困难 ,不断反思前进的过程。在这个

    2023年04月09日
    浏览(34)
  • Unity3d 图片Image置灰shader

    置灰公式:    value=color.r x 0.299 +color.g x 0.587 + color.b * 0.114 color.rgb = lerp(color.rgb, Luminance(color.rgb), _Factor); 或 color.rgb = dot(color.rgb, fixed3(0.299, 0.587, 0.114));

    2024年02月11日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包