UGUI-实现轮转图

最新推荐文章于 2024-01-30 15:23:16 发布
最新推荐文章于 2024-01-30 15:23:16 发布
阅读量705 收藏 3
点赞数 2
分类专栏： #UGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014589770/article/details/107066372
版权
实现原理
  • 位置比例示意图:
    将整个乱转图看成一个圆或椭圆，位置比例为0到1。
    比如：有4个item时，0.25即为四分之一处
    在这里插入图片描述
  • 获取各个位置的X坐标：
    pos0、pos2的位置X坐标为0，根据比例和周长来确定每个位置的X坐标
    length（周长）：(item的宽 + 每个item之间的间距) * item的count
 private float GetX(float ratio, float length)
{
    if (ratio > 1 || ratio < 0)
    {
        Debug.LogError("比例不对");
        return 0;
    }

    if (0 <= ratio && ratio < 0.25f)
    {
        return length * ratio;
    }
    else if (0.25f <= ratio && ratio < 0.75f)
    {
        return length * (0.5f - ratio);
    }
    else
    {
        return length * (ratio - 1);
    }
}
  • 获取各个位置的放大倍数
    首先要自定义最大与最小的缩放倍数，pos0的位置为最大缩放，pos2的位置为最小。因为pos0到pos2之间的比例相差0.5f,所以可以确定单位缩放，用单位缩放与位置比例确定每个位置的缩放。

单位放大 = (maxScale - minScale) / 0.5f

private float GetScaleTimes(float ratio,float max,float min)
{
    if (ratio > 1 || ratio < 0)
    {
        Debug.LogError("缩放比例不对");
        return 0;
    }

    float scaleOffset = (max - min) / 0.5f;//单位缩放
    if (ratio < 0.5f)
    {
        return max - scaleOffset * ratio;
    }
    else
    {
        return min + scaleOffset * (ratio - 0.5f);
    }
}
  • 关于层级分层和拖动：
  1. 层级
    方法一：
    添加Canvas组件，勾选 Override Sorting 覆盖父物体对其的层级设置，用Sort Order来设定层级
    缺点：增加了draw call
    在这里插入图片描述
    方法二：
    使用SetSiblingIndex,
transform.SetSiblingIndex(index);

以每个位置的缩放大小进行排序，越大层级越高。
在这里插入图片描述
2. 拖动
拖动使用DoTween动画实现
3. 使用SetSiblingIndex可能出现的问题

当向右拖动时，pos0的item向pos1移动，层级从3变为1。pos2的item向pos3移动，层级从0变为2。拖动开始时，pos2的item层级高于pos0的层级，浮现在最上面。
解决：
使用协程，当移动动画进行到一半时，再使用SetSiblingIndex设置层级

注意：SetSiblingIndex时，如果已存在相同的index时，则另外的index会被改变

实现：

Canvas下创建空物体,以Canvas中心为锚点，坐标为(0)，挂载脚本RotationDiagram2D.cs。
RotationDiagram2D.cs：

using System.Collections;
using System.Collections.Generic;
using System.Linq;
using UnityEngine;
using UnityEngine.UI;

//==数组中的结构体的属性不允许修改
//==Linq排序
//==层级问题:SetSiblingIndex时，如果已存在相同的index时，则另外的index会被改变;应该按层级从小到大吧来setData？？？
public class RotationDiagram2D : MonoBehaviour
{
    public Vector2 m_ItemSize;
    public Sprite[] m_ItemSprites;

    public float ScaleTimesMin;//最小缩放系数
    public float ScaleTimesMax;//最大缩放系数
    public float m_Offset;//item的间距

    private List<RotationDiagramItem> m_Items;//保存从0到最后一个item的引用
    private List<ItemPosData> m_ItemPosDataList;//保存从pos0到最后一个位置的缩放和坐标
    private List<int> posIdList;//保存

    public GameObject m_Prefab;
    // Start is called before the first frame update
    void Start()
    {
        m_Items = new List<RotationDiagramItem>();
        m_ItemPosDataList = new List<ItemPosData>();
        CreateItem();
        CalculateData();
        SetItemData();
    }

    // Update is called once per frame
    void Update()
    {
        
    }

    //创建模板
    private GameObject CreateTemplate()
    {
        GameObject template = new GameObject();//创建的GameObject自带transform组件
        template.AddComponent<RectTransform>().sizeDelta = m_ItemSize;//改变transform为ui用的RectTransform
        template.AddComponent<Image>();
        template.AddComponent<RotationDiagramItem>();

        return template;
    }

    private void CreateItem()
    {
        GameObject template = CreateTemplate();
        RotationDiagramItem item;
        foreach (Sprite sp in m_ItemSprites)
        {
            item = Instantiate(template).GetComponent<RotationDiagramItem>();
            item.SetParent(transform);
            item.SetSprite(sp);
            item.AddMoveListener(OnMove);
            m_Items.Add(item);
        }
        //删除模板
        Destroy(template);
    }

    //响应子物体拖动
    private void OnMove(float _offsetX)
    {
        int symbol = _offsetX > 0?1: -1;
        //遍历所有item改变posId
        foreach (RotationDiagramItem item in m_Items)
        {
            item.ChangeId(symbol, m_Items.Count);
        }

        for (int i = 0; i < m_ItemPosDataList.Count; i++)
        {
            m_Items[i].SetData(m_ItemPosDataList[m_Items[i].m_PosId]);
        }
    }

    
    private void CalculateData()
    {
        //周长
        float length = (m_ItemSize.x + m_Offset) * m_ItemSprites.Length;
        //单位位置比例
        float offsetRatio = 1.0f / m_ItemSprites.Length;

        posIdList = new List<int>();
        for (int i = 0; i < m_ItemSprites.Length; i++)
        {
            //层级
            posIdList.Add(i);
            m_Items[i].m_PosId = i;
            
            //缩放
            float ratio = i * offsetRatio;
            ItemPosData data = new ItemPosData();
            data.X = GetX(ratio, length);
            data.ScaleTimes = GetScaleTimes(ratio,ScaleTimesMax,ScaleTimesMin);
            m_ItemPosDataList.Add(data);
        }
        
        //以posId对应的缩放从小到大排序，得到后的posIdList的元素顺序即为层级从小到大
        posIdList = posIdList.OrderBy(u => m_ItemPosDataList[u].ScaleTimes).ToList();
        //设置每个位置的层级
        for (int i = 0; i < posIdList.Count; i++)
        {
            m_ItemPosDataList[posIdList[i]].Order = i;
        }
    }

    private void SetItemData()
    {
        for (int i = 0; i < m_ItemPosDataList.Count; i++)
        {
            m_Items[i].SetData(m_ItemPosDataList[i], m_ItemPosDataList.Count);
        }
    }

    private float GetX(float ratio, float length)
    {
        if (ratio > 1 || ratio < 0)
        {
            Debug.LogError("比例不对");
            return 0;
        }

        if (ratio >= 0 && ratio < 0.25f)
        {
            return length * ratio;
        }
        else if (ratio >= 0.25f && ratio < 0.75f)
        {
            return length * (0.5f - ratio);
        }
        else
        {
            return length * (ratio - 1);
        }
    }

    private float GetScaleTimes(float ratio,float max,float min)
    {
        if (ratio > 1 || ratio < 0)
        {
            Debug.LogError("缩放比例不对");
            return 0;
        }

        float scaleOffset = (max - min) / 0.5f;//单位缩放
        if (ratio < 0.5f)
        {
            return max - scaleOffset * ratio;
        }
        else
        {
            return min + scaleOffset * (ratio - 0.5f);
        }
    }
}

public class ItemPosData
{
    public float X;
    public float ScaleTimes;//缩放系数
    public int Order;
}

item脚本RotationDiagramItem.cs:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using System;
using UnityEngine.EventSystems;
using DG.Tweening;
using System.Threading;
public class RotationDiagramItem : MonoBehaviour,IDragHandler,IEndDragHandler,IPointerClickHandler
{
    public int m_PosId;
    public float m_aniTime = 3.0f;
    private Action<float> m_MoveAction;//回调

    private float m_OffsetX;//移动时的x偏移量
    private int  m_Order =-1;
    private bool isFirst = true;

    private Image m_Image;
    public Image Image
    {
        get
        {
            if (m_Image == null)
            {
                m_Image = GetComponent<Image>();             
            }
            return m_Image;
        }
    }

    public RectTransform m_RectTransform;
    public RectTransform RectTrans
    {
        get
        {
            if (m_RectTransform == null)
            {
                m_RectTransform = GetComponent<RectTransform>();
            }
            return m_RectTransform;
        }
    }

    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
    }

    public void SetParent(Transform _parent)
    {
        transform.SetParent(_parent);
    }

    public void SetSprite(Sprite _sprite)
    {
        Image.sprite = _sprite;
    }

    public void SetData(ItemPosData data)
    {
        RectTrans.DOAnchorPos(Vector2.right * data.X, m_aniTime);
        RectTrans.DOScale(Vector2.one * data.ScaleTimes, m_aniTime);
        StartCoroutine(Wait(data.Order));
    }

    private IEnumerator Wait(int order)
    {
        yield return new WaitForSeconds(m_aniTime * 0.5f);
        RectTrans.SetSiblingIndex(order);
    }

    public void OnDrag(PointerEventData eventData)
    {
        //Debug.Log("OnDrag");
        m_OffsetX += eventData.delta.x;
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        m_MoveAction(m_OffsetX);
        m_OffsetX = 0;
    }

    public void AddMoveListener(Action<float> _onMove)
    {
        m_MoveAction = _onMove;
    }

    public void ChangeId(int symbol,int totalItemNum)
    {
        int id = m_PosId;
        id += symbol;
        if (id < 0)
        {
            id += totalItemNum;
        }
        m_PosId = id % totalItemNum;
        //m_oldOrder = symbol;
    }

    public void OnPointerClick(PointerEventData eventData)
    {
        Debug.Log("cur  =" + transform.GetSiblingIndex());
        Debug.Log("m_Order  =" + m_Order);
    }
}

改进

  若是不使用协程，而实时用设置层级。
则有以下问题：
  如果已存在相同的index时，则原本的index会被改变。比如向左拖动时，原代码中SetItemData的顺序为创建Item的顺序，逆时针。即：
原本：pos0 = 3,pos1 = 1; pos2 = 0, pos3 = 2;
想要：pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;
（1）设置pos0位置的item数据
  pos0的位置的item层级从3变为2，与pos3位置的item层级相同，则pos3位置的item层级从2变为3。
此时:pos0 = 2,pos1 = 1; pos2 = 0, pos3 = 3;
（2）设置pos1位置的item数据
  pos1的位置的item层级从1变为3，与pos3位置的item层级相同，则pos3位置的item层级从3变为2。又与pos0的位置的item层级相同，则pos0位置的item层级从2变为1。
此时**:pos0 = 1,pos1 = 3; pos2 = 0, pos3 = 2;**
(3)设置pos2位置的item数据
  pos2的位置的item层级从0变为1，与pos0位置的item层级相同，则pos0位置的item层级从1变为0。
此时:pos0 = 0,pos1 = 3; pos2 = 1, pos3 = 2;
(4)设置pos3位置的item数据
  pos3的位置的item层级变为0，与pos0位置的item层级相同，则pos0位置的item层级从0变为1。又与pos2的位置的item层级相同，则pos2位置的item层级从1变为2。
结果:pos0 = 1,pos1 = 3; pos2 = 2, pos3 = 0;
则会出现拖动开始时，pos2位置的item遮挡pos0位置的item。

  • 解决：
    SetItemData应该按新层级的从小到大顺序。
    pos3 = 0 < pos2 = 1 < pos0 = 2 < pos1 = 3
    原本：pos0 = 3,pos1 = 1; pos2 = 0, pos3 = 2;
    想要：pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;
    (1)设置pos3位置的item数据
      pos3的位置的item层级从2变为0，与pos2位置的item层级相同，则pos2位置的item层级从0变为1。又与pos1的位置的item层级相同，则pos1位置的item层级从1变为2。
    此时**:pos0 = 3,pos1 = 2; pos2 = 1, pos3 = 0;**
    (2)设置pos2位置的item数据
      pos2的位置的item层级从1变为1。
    此时**:pos0 = 3,pos1 = 2; pos2 = 1, pos3 = 0;**
    (3)设置pos0位置的item数据
      pos0的位置的item层级从3变为2，与pos1位置的item层级相同，则pos1位置的item层级从2变为3。
    此时**:pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;**
    (4)设置pos1位置的item数据
      pos1的位置的item层级从3变为3。
    此时**:pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;**

但是另一个问题：
 &#8195若是向右转动，pos0的层级从3变为1，pos2的层级从0变为2，又会出现遮挡。
解决：
 &#8195除了新层级为最大最小时，增加或减小的层级始终相差1，不会出现相差2的情况。则向右转动时：
SetItemData先后顺序:
pos1 = 0 < pos0 = 1 < pos2 = 2 < pos3 = 3
初始：pos0 = 3,pos1 = 1; pos2 = 0, pos3 = 2;
之前：pos0 = 1,pos1 = 0; pos2 = 2, pos3 = 3;
想要：pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;
(1)设置pos1位置的item数据
  pos3的位置的item层级从1变为0，与pos2位置的item层级相同，则pos2位置的item层级从0变为1。
此时**:pos0 = 3,pos1 = 0; pos2 = 1, pos3 = 2;**
(2)设置pos0位置的item数据
  pos0的位置的item层级从3变为2。与pos3位置的item层级相同，则pos3位置的item层级从2变为3。
此时**:pos0 = 2,pos1 = 0; pos2 = 1, pos3 = 3;**
(3)设置pos2位置的item数据
  pos2的位置的item层级从1变为1。
此时**:pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;**
(4)设置pos3位置的item数据
  pos1的位置的item层级从3变为3。
此时**:pos0 = 2,pos1 = 3; pos2 = 1, pos3 = 0;**

代码：
RotationDiagram2D.cs中更改了 方法OnMove 与SetItemData

using System.Collections;
using System.Collections.Generic;
using System.Linq;
using UnityEngine;
using UnityEngine.UI;

//==数组中的结构体的属性不允许修改
//==Linq排序
//==层级问题:SetSiblingIndex时，如果已存在相同的index时，则另外的index会被改变;应该按层级从小到大吧来setData？？？
public class RotationDiagram2D : MonoBehaviour
{
    public Vector2 m_ItemSize;
    public Sprite[] m_ItemSprites;

    public float ScaleTimesMin;//最小缩放系数
    public float ScaleTimesMax;//最大缩放系数
    public float m_Offset;//item的间距

    private List<RotationDiagramItem> m_Items;//保存从0到最后一个item的引用
    private List<ItemPosData> m_ItemPosDataList;//保存从pos0到最后一个位置的缩放和坐标
    private List<int> posIdList;//保存

    public GameObject m_Prefab;
    // Start is called before the first frame update
    void Start()
    {
        m_Items = new List<RotationDiagramItem>();
        m_ItemPosDataList = new List<ItemPosData>();
        CreateItem();
        CalculateData();
        SetItemData();
    }

    // Update is called once per frame
    void Update()
    {
        
    }

    //创建模板
    private GameObject CreateTemplate()
    {
        GameObject template = new GameObject();//创建的GameObject自带transform组件
        template.AddComponent<RectTransform>().sizeDelta = m_ItemSize;//改变transform为ui用的RectTransform
        template.AddComponent<Image>();
        //GameObject template = Instantiate(m_Prefab);
        template.AddComponent<RotationDiagramItem>();

        return template;
    }

    private void CreateItem()
    {
        GameObject template = CreateTemplate();
        RotationDiagramItem item;
        foreach (Sprite sp in m_ItemSprites)
        {
            item = Instantiate(template).GetComponent<RotationDiagramItem>();
            item.SetParent(transform);
            item.SetSprite(sp);
            item.AddMoveListener(OnMove);
            m_Items.Add(item);
        }
        //删除模板
        Destroy(template);
    }

    //响应子物体拖动
    private void OnMove(float _offsetX)
    {
        int symbol = _offsetX > 0?1: -1;
        //遍历所有item改变posId
        foreach (RotationDiagramItem item in m_Items)
        {
            item.ChangeId(symbol, m_Items.Count);
        }
        SetItemData();
    }

    
    private void CalculateData()
    {
        //周长
        float length = (m_ItemSize.x + m_Offset) * m_ItemSprites.Length;
        //单位位置比例
        float offsetRatio = 1.0f / m_ItemSprites.Length;

        posIdList = new List<int>();
        for (int i = 0; i < m_ItemSprites.Length; i++)
        {
            //层级
            posIdList.Add(i);
            m_Items[i].m_PosId = i;
            
            //缩放
            float ratio = i * offsetRatio;
            ItemPosData data = new ItemPosData();
            data.X = GetX(ratio, length);
            data.ScaleTimes = GetScaleTimes(ratio,ScaleTimesMax,ScaleTimesMin);
            m_ItemPosDataList.Add(data);
        }
        //以posId对应的缩放从小到大排序，得到后的posIdList的元素顺序即为层级从小到大
        posIdList = posIdList.OrderBy(u => m_ItemPosDataList[u].ScaleTimes).ToList();
        //设置每个位置的层级
        for (int i = 0; i < posIdList.Count; i++)
        {
            m_ItemPosDataList[posIdList[i]].Order = i;
        }
    }

    private void SetItemData()
    {
        for (int i = 0; i < posIdList.Count; i++)
        {
            int posId = posIdList[i];
            for (int j = 0; j < m_Items.Count; j++)
            {
                if (posId == m_Items[j].m_PosId)
                {
                    m_Items[j].SetData(m_ItemPosDataList[posId], m_ItemPosDataList.Count);
                    break;
                }
            }
        }
    }

    private float GetX(float ratio, float length)
    {
        if (ratio > 1 || ratio < 0)
        {
            Debug.LogError("比例不对");
            return 0;
        }

        if (ratio >= 0 && ratio < 0.25f)
        {
            return length * ratio;
        }
        else if (ratio >= 0.25f && ratio < 0.75f)
        {
            return length * (0.5f - ratio);
        }
        else
        {
            return length * (ratio - 1);
        }
    }

    private float GetScaleTimes(float ratio,float max,float min)
    {
        if (ratio > 1 || ratio < 0)
        {
            Debug.LogError("缩放比例不对");
            return 0;
        }

        float scaleOffset = (max - min) / 0.5f;//单位缩放
        if (ratio < 0.5f)
        {
            return max - scaleOffset * ratio;
        }
        else
        {
            return min + scaleOffset * (ratio - 0.5f);
        }
    }
}

public class ItemPosData
{
    public float X;
    public float ScaleTimes;//缩放系数
    public int Order;
}

RotationDiagramItem .cs中更改了方法SetData

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using System;
using UnityEngine.EventSystems;
using DG.Tweening;
using System.Threading;
public class RotationDiagramItem : MonoBehaviour,IDragHandler,IEndDragHandler,IPointerClickHandler
{
    public int m_PosId;
    public float m_aniTime = 3.0f;
    private Action<float> m_MoveAction;//回调

    private float m_OffsetX;//移动时的x偏移量
    private int  m_Order =-1;
    private bool isFirst = true;

    private Image m_Image;
    public Image Image
    {
        get
        {
            if (m_Image == null)
            {
                m_Image = GetComponent<Image>();             
            }
            return m_Image;
        }
    }

    public RectTransform m_RectTransform;
    public RectTransform RectTrans
    {
        get
        {
            if (m_RectTransform == null)
            {
                m_RectTransform = GetComponent<RectTransform>();
            }
            return m_RectTransform;
        }
    }

    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
    }

    public void SetParent(Transform _parent)
    {
        transform.SetParent(_parent);
    }

    public void SetSprite(Sprite _sprite)
    {
        Image.sprite = _sprite;
    }

    public void SetData(ItemPosData data)
    {
        RectTrans.DOAnchorPos(Vector2.right * data.X, m_aniTime);
        RectTrans.DOScale(Vector2.one * data.ScaleTimes, m_aniTime);
        StartCoroutine(Wait(data.Order));
    }

    public void SetData(ItemPosData data,int totalNum)
    {
        RectTrans.DOAnchorPos(Vector2.right * data.X,m_aniTime);
        RectTrans.DOScale(Vector2.one * data.ScaleTimes, m_aniTime);

        if (m_Order < 0)
        {
            transform.SetSiblingIndex(data.Order);
            m_Order = data.Order;
        }
        else
        {

            if (data.Order == totalNum - 1 || data.Order == 0)
            {
                transform.SetSiblingIndex(data.Order);
                m_Order = data.Order;
            }
            else
            {
               
                if (data.Order < m_Order)
                {
                  
                    m_Order--;
                  
                }
                else
                {
                  
                    m_Order++;
                }
                transform.SetSiblingIndex(m_Order);
             
            }
        }  
    }

    private IEnumerator Wait(int order)
    {
        yield return new WaitForSeconds(m_aniTime * 0.5f);
        RectTrans.SetSiblingIndex(order);
    }

    public void OnDrag(PointerEventData eventData)
    {
        //Debug.Log("OnDrag");
        m_OffsetX += eventData.delta.x;
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        m_MoveAction(m_OffsetX);
        m_OffsetX = 0;
    }

    public void AddMoveListener(Action<float> _onMove)
    {
        m_MoveAction = _onMove;
    }

    public void ChangeId(int symbol,int totalItemNum)
    {
        int id = m_PosId;
        id += symbol;
        if (id < 0)
        {
            id += totalItemNum;
        }
        m_PosId = id % totalItemNum;
        //m_oldOrder = symbol;
    }

    public void OnPointerClick(PointerEventData eventData)
    {
        Debug.Log("cur  =" + transform.GetSiblingIndex());
        Debug.Log("m_Order  =" + m_Order);
    }
}
三分明月墨
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
UGUI轮播功能（基于DoTween）
05-22
UGUI轮播功能 目前只支持左右一位位移，没有自己去写缓动，用的DoTween 暂定1.0版本吧，后面会继续优化 其实就是列表存储，后面根据目标位置信息，去做位移和缩放等行为
轮转图实现
asdf342225的博客
02-23 165
轮转图
Unity学习笔记—轮转图
m0_51353177的博客
08-15 126
【代码】Unity学习笔记—轮转图。
记一次Canvas 设置 overrideSorting 失败
ailijiang3022的博客
04-19 881
问题描述 GameObject obj = new GameObject("Object"); var c = obj.AddComponent<Canvas>(); c.overrideSorting = true; c.sortingOrder = order; obj.transform.S...
设置Canvas的 overrideSorting不生效
不文不武的禾文
05-22 2016
设置Canvas的 overrideSorting不生效
unity-ugui-XCharts-master.zip
12-10
unity插件 带各种常用的图表 饼图 折线图 柱状图等等 可以适用于2d和3d展示 开放了所有接口 可以自定义
unity-ugui-scrollview:ugui-example
05-12
unity-ugui-scrollview ugui-example
quick_psd2ugui-master.zip
03-17
quick_psd2ugui-master.zip 开源框架 适用于Unity各个版本的UGUI 1.可以在美术制作的时候直接导出目录并生成预制体 2.有效的提高了UI制作的效率，节省了程序与美术的沟通成本
UI轮转图
作孽就得先起床的博客
01-30 506
UI轮转图代码如下：（需要使用插件DoTween）
【转】记一次Canvas 设置 overrideSorting 失败
zhenmu的专栏
10-31 3645
我们项目里也遇到过。  UI的prefab 加载后onEnable里 设置上面canvas的 overrideSorting 没有效果。  原来prefab 加载后已经触发onEnable了, 但此时还没挂载到UI的Canvas下面。https://www.cnblogs.com/pmsl/p/8885640.html 以下转发 问题描述 GameObject obj = ...
UGUI实现图片特效轮播，使用插件DOTWEEN-附件资源
03-05
UGUI实现图片特效轮播，使用插件DOTWEEN-附件资源
Unity实现图片轮播组件
08-26
主要为大家详细介绍了Unity实现图片轮播组件的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity的图片轮播
shijinlinaaa的博客
05-18 6135
unity的UI图片轮播，实现按顺序图片外部导入，获取图片名称，点击按钮滑动图片和鼠标滑动图片
UGUI案例篇第(三)节：UGUI实现3D轮转图效果
专注游戏研发
09-15 2930
UGUI三种实现规则与不规则图形Button精准点击效果的策略）(一) 为什么需要精准点击？(二) 3种实现规则与不规则图形Button精准点击效果的方案1. 所有图形button都适用的官方解决方案。 实现原理 实现步骤 优点 缺点2.所有图形都适用的Ray-Crossing算法策略。 实现原理重点介绍： 实现步骤优点 缺点3.圆形除外(圆形实现不易精确)的其他图形都适用的绘制碰撞体方案实现原...
unity ugui滚动列表
fanfan_hongyun的博客
07-23 1021
width：items列表分布的宽度。
Unity图片轮播图功能实现
qq_38602613的博客
10-24 4073
Unity图片轮播图功能实现
深入探讨并实现Unity图像轮播
热门推荐
Hello,World!
03-05 1万+
深入探讨并实现Unity图像轮播 最近接了一个展厅的小项目，需求中有一个图像轮播的小功能，本来以为这是一碟小菜，心想瞬间有了N中解决方案，然而，现实是pia pia打脸，幸好最终完美实现了效果，才保住了作为公司其他人心目中“大神”的老脸。 ...
Unity3dUGUI图片循环轮播效果
weixin_34194379的博客
07-22 2418
测试.gif 参数 using UnityEngine.UI; using UnityEngine.EventSystems; using System; using UnityEngine; /// <summary> /// 图片轮播组件 /// </summa...
Unity 自动轮播、滑动轮播
最新发布
Liam's blog
01-30 800
Unity 自动轮播、滑动轮播功能
unity开发小贴士之九 UGUI-UML类图
05-17
UGUI是Unity的用户界面系统，它提供了一系列的UI元素和组件，帮助我们快速地创建游戏UI界面。在使用UGUI开发游戏UI时，我们可以采用UML类图的方式进行设计和规划。 UML即统一建模语言，是一种用于面向对象软件开发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值