欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Unity實(shí)現(xiàn)透視滑動(dòng)列表

 更新時(shí)間:2021年07月28日 16:16:35   作者:咸魚永不翻身  
這篇文章主要為大家詳細(xì)介紹了Unity實(shí)現(xiàn)透視滑動(dòng)列表,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Unity實(shí)現(xiàn)透視滑動(dòng)列表的具體代碼,供大家參考,具體內(nèi)容如下

1、目的

有時(shí)候,為了實(shí)現(xiàn)更好的美術(shù)效果,需要實(shí)現(xiàn)一些特殊的滑動(dòng)列表,例如軌跡滑動(dòng),也有透視滑動(dòng)。
注意:本文里所展示的效果是未經(jīng)測(cè)試的試驗(yàn)版,如果用于實(shí)際項(xiàng)目中,應(yīng)該還需要優(yōu)化代碼和測(cè)試性能

2、思考

透視滑動(dòng)列表可以有兩種方式來(lái)實(shí)現(xiàn):

第一種方法是,通過(guò)shader實(shí)現(xiàn),其核心原理是,定義一個(gè)中心點(diǎn)坐標(biāo)(CenterX,CenterY),再定義一個(gè)透視系數(shù)_ OffsetPerspective,在vert函數(shù)中,對(duì)于每個(gè)頂點(diǎn),計(jì)算其偏移值,距離自己定義的中心點(diǎn)越遠(yuǎn)的頂點(diǎn),其偏移值越大,簡(jiǎn)單概括就是距離中心點(diǎn)越遠(yuǎn)的頂點(diǎn),就越把往中心點(diǎn)拉回去。實(shí)際算法就是:

OUT.worldPosition.x += (_CenterY + v.vertex.y - _OffsetX) / 1000 * (v.vertex.x - _CenterX) * _OffsetPerspective
這是我所使用的計(jì)算公式,其中,_OffsetX是自定義的偏移值,用于對(duì)所有頂點(diǎn)進(jìn)行整體偏移;/ 1000是偏移值的縮放倍數(shù),此值越小偏移程度越高。

注意:用這個(gè)方法做出來(lái)的透視滑動(dòng)列表,主要的問(wèn)題是一些交互控件的偏移問(wèn)題,因?yàn)橐曈X(jué)效果偏移了,但是實(shí)際上可交互控件的位置沒(méi)有變,所以其點(diǎn)觸范圍是沒(méi)有透視效果時(shí)的范圍,這就會(huì)導(dǎo)致偏移的時(shí)候其點(diǎn)觸范圍不一樣,所以需要第二種方法。

第二種方法是使用純C#來(lái)實(shí)現(xiàn),其核心原理是,通過(guò)遍歷所有子節(jié)點(diǎn)的Image和Text節(jié)點(diǎn),同樣使用第一種方法的思路修改其VertexHelper中頂點(diǎn)的偏移值,再將修改完的頂點(diǎn)設(shè)置回VertexHelper中,然后重新生成一個(gè)Mesh,并將Mesh設(shè)置為CanvasRenderer的Mesh。為了得到正確的點(diǎn)觸范圍,還需要在節(jié)點(diǎn)中添加MeshCollider組件,通過(guò)代碼設(shè)置MeshCollider組件的Mesh屬性,并將Image或Text節(jié)點(diǎn)的Raycast Target屬性取消勾選,這樣就能保證最正確的點(diǎn)觸范圍了。
然后,因?yàn)榛瑒?dòng)列表是可以滑動(dòng)的,所以還需要滑動(dòng)的時(shí)候一直通過(guò)上述方法動(dòng)態(tài)修改節(jié)點(diǎn),這里使用滑動(dòng)列表自帶的OnValueChange函數(shù)就行

注意:使用過(guò)多的MeshCollider對(duì)性能必定有消耗,不過(guò)Image和Text生成的Mesh都是比較簡(jiǎn)單的,具體的性能消耗還是需要進(jìn)行測(cè)試才能得出結(jié)果

3、自定義實(shí)現(xiàn)軌跡滑動(dòng)

核心原理已經(jīng)在上面說(shuō)了,這里直接上代碼:

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

public class PerspectiveScrollRect : MonoBehaviour
{
    /// <summary>
    /// 中心點(diǎn),中心點(diǎn)可以設(shè)置為不是原點(diǎn)
    /// </summary>
    public Vector3 uiCenterPoint = Vector3.zero;

    /// <summary>
    /// 圖片的回拉像素,每距離中心點(diǎn)100個(gè)像素往回拉的距離
    /// </summary>
    [Range(0,100)]
    public float perspective = 0;

    public ScrollRect scrollRect;

    /// <summary>
    /// 滑動(dòng)列表節(jié)點(diǎn)
    /// </summary>
    private RectTransform scrollRectRectTransform;
    private List<RectTransform> childRectTransformList = new List<RectTransform>();
    private RectTransform rectTransform;

    private void Start()
    {
        scrollRectRectTransform = scrollRect.GetComponent<RectTransform>();
        rectTransform = GetComponent<RectTransform>();
        for(int i = 0;i < transform.childCount;i++)
        {
            if(transform.GetChild(i).gameObject.activeInHierarchy)
            {
                childRectTransformList.Add(transform.GetChild(i).GetComponent<RectTransform>());
            }
        }
        scrollRect.onValueChanged.AddListener(UpdataChilds);
        UpdataChilds(Vector2.zero);
    }

    void UpdataChilds(Vector2 vector2)
    {
        ModifyMesh(new VertexHelper());
    }

    public void ModifyMesh(VertexHelper vh)
    {
        if (!gameObject.activeInHierarchy || childRectTransformList.Count <= 0)
        {
            return;
        }

        foreach(var item in childRectTransformList)
        {
            float offset_left;
            float offset_right;
            Vector3 distanceVector = new Vector3(item.localPosition.x - scrollRectRectTransform.sizeDelta.x / 2 + rectTransform.anchoredPosition.x, item.localPosition.y, 0) - uiCenterPoint;
            //distanceVector.x小于0則證明當(dāng)前節(jié)點(diǎn)在中心點(diǎn)右邊,設(shè)置的透視左右值需要反過(guò)來(lái)
            if (distanceVector.x < 0)
            {
                offset_left = -perspective * distanceVector.x / 100f;
                offset_right = -perspective * distanceVector.x / 100f;
            }
            else
            {
                offset_left = -perspective * distanceVector.x / 100f;
                offset_right = -perspective * distanceVector.x / 100f;
            }
            Image[] images = item.GetComponentsInChildren<Image>();
            Text[] texts = item.GetComponentsInChildren<Text>();
            ModifyImagesInItem(offset_left, offset_right, images, item.sizeDelta.y);
            ModifyTextsInItem(offset_left, offset_right, texts, item.sizeDelta.y);
        }

    }

    public void ModifyImagesInItem(float offset_left, float offset_right, Image[] images, float itemHeight)
    {
        VertexHelper vh = new VertexHelper();
        for (int i = 0; i < images.Length; i++)
        {
            Graphic graphic = images[i];
            vh.Clear();
            graphic.OnPopulateMesh_Public(vh);

            var vertexs = new List<UIVertex>();
            vh.GetUIVertexStream(vertexs);

            UIVertex vt;
            float ratio0;
            float ratio1;
            float ratio2;
            float ratio3;
            float graphicPosY = Mathf.Abs(graphic.rectTransform.localPosition.y);

            vt = vertexs[0];
            ratio0 = (Mathf.Abs(vt.position.y) + graphicPosY) / itemHeight;
            vt.position += new Vector3(offset_left * ratio0, 0, 0);
            vh.SetUIVertex(vt, 0);

            vt = vertexs[1];
            ratio1 = (Mathf.Abs(vt.position.y) + graphicPosY) / itemHeight;
            vt.position += new Vector3(offset_left * ratio1, 0, 0);
            vh.SetUIVertex(vt, 1);

            vt = vertexs[2];
            ratio2 = (Mathf.Abs(vt.position.y) + graphicPosY) / itemHeight;
            vt.position += new Vector3(offset_right * ratio2, 0, 0);
            vh.SetUIVertex(vt, 2);

            vt = vertexs[4];
            ratio3 = (Mathf.Abs(vt.position.y) + graphicPosY) / itemHeight;
            vt.position += new Vector3(offset_right * ratio3, 0, 0);
            vh.SetUIVertex(vt, 3);

            Mesh mesh = new Mesh();
            vh.FillMesh(mesh);
            graphic.canvasRenderer.SetMesh(mesh);
            MeshCollider meshCollider = graphic.GetComponent<MeshCollider>();
            if(meshCollider != null)
            {
                meshCollider.sharedMesh = mesh;
            }
        }
    }

    public void ModifyTextsInItem(float offset_left, float offset_right, Text[] texts, float itemHeight)
    {
        VertexHelper vh = new VertexHelper();
        for (int i = 0; i < texts.Length; i++)
        {
            Graphic graphic = texts[i];
            vh.Clear();
            graphic.OnPopulateMesh_Public(vh);

            var vertexs = new List<UIVertex>();
            vh.GetUIVertexStream(vertexs);

            UIVertex vt;
            float ratio;
            float graphicPosY = Mathf.Abs(graphic.rectTransform.localPosition.y);

            int vert_index = 0;

            for (int j = 0; j < vertexs.Count; j++)
            {
                //剔除不必要的頂點(diǎn)
                if((j - 3) % 6 == 0 || (j - 5) % 6 == 0)
                {
                    continue;
                }

                if((j - 0) % 6 == 0 || (j - 1) % 6 == 0)
                {
                    vt = vertexs[j];
                    ratio = (Mathf.Abs(vt.position.y) + graphicPosY) / itemHeight;
                    vt.position += new Vector3(offset_left * ratio, 0, 0);
                    vh.SetUIVertex(vt, vert_index);
                    vert_index++;
                }

                if((j - 2) % 6 == 0 || (j - 4) % 6 == 0)
                {
                    vt = vertexs[j];
                    ratio = (Mathf.Abs(vt.position.y) + graphicPosY) / itemHeight;
                    vt.position += new Vector3(offset_right * ratio, 0, 0);
                    vh.SetUIVertex(vt, vert_index);
                    vert_index++;
                }
            }

            Mesh mesh = new Mesh();
            vh.FillMesh(mesh);
            graphic.canvasRenderer.SetMesh(mesh);
            MeshCollider meshCollider = graphic.GetComponent<MeshCollider>();
            if (meshCollider != null)
            {
                meshCollider.sharedMesh = mesh;
            }
        }
    }
}

因?yàn)樾枰@取到Image組件或Text組件的頂點(diǎn)輔助類VertexHelper,所以需要通過(guò)Graphic類的OnPopulateMesh函數(shù)來(lái)獲取VertexHelper類,但是OnPopulateMesh函數(shù)是受保護(hù)的函數(shù),因?yàn)樾枰贕raphic類中添加一個(gè)公用的函數(shù)OnPopulateMesh_Public:

public void OnPopulateMesh_Public(VertexHelper toFill)
{
    OnPopulateMesh(toFill);
}

protected virtual void OnPopulateMesh(VertexHelper vh)
{
    var r = GetPixelAdjustedRect();
    var v = new Vector4(r.x, r.y, r.x + r.width, r.y + r.height);

    Color32 color32 = color;
    vh.Clear();
    vh.AddVert(new Vector3(v.x, v.y), color32, new Vector2(0f, 0f));
    vh.AddVert(new Vector3(v.x, v.w), color32, new Vector2(0f, 1f));
    vh.AddVert(new Vector3(v.z, v.w), color32, new Vector2(1f, 1f));
    vh.AddVert(new Vector3(v.z, v.y), color32, new Vector2(1f, 0f));

    vh.AddTriangle(0, 1, 2);
    vh.AddTriangle(2, 3, 0);
}

4、問(wèn)題

一、首先就是性能方面的消耗,因?yàn)榛瑒?dòng)時(shí)是會(huì)一直有計(jì)算頂點(diǎn)的消耗的
二、還有就是初始化的問(wèn)題,在Start函數(shù)中已經(jīng)調(diào)用過(guò)一次修改頂點(diǎn)的函數(shù)了,但是在Unity編輯器模式下的實(shí)際效果并沒(méi)有顯示出來(lái),需要手動(dòng)滑一下才會(huì)顯示出正確的效果。即使在Start函數(shù)中調(diào)用兩次也是會(huì)出現(xiàn)這個(gè)問(wèn)題

5、最終效果

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • c#系列 list詳情

    c#系列 list詳情

    這篇文章主要介紹了c#系列 list,list 本質(zhì)是一個(gè)數(shù)組,。就跟我們操作系統(tǒng)一樣,提前申請(qǐng)內(nèi)存大小。所以我們程序一般都有一個(gè)申請(qǐng)內(nèi)存,實(shí)際使用內(nèi)存,內(nèi)存碎片這幾個(gè)概念,下面?zhèn)z看文章詳細(xì)內(nèi)容吧
    2021-10-10
  • C#中時(shí)間的幾種格式轉(zhuǎn)換方法

    C#中時(shí)間的幾種格式轉(zhuǎn)換方法

    有時(shí)候我們要對(duì)C#時(shí)間進(jìn)行轉(zhuǎn)換,達(dá)到不同的顯示效果,這里簡(jiǎn)單介紹下,方便需要的朋友
    2013-09-09
  • C#關(guān)于類的只讀只寫屬性實(shí)例分析

    C#關(guān)于類的只讀只寫屬性實(shí)例分析

    這篇文章主要介紹了C#關(guān)于類的只讀只寫屬性實(shí)例分析,對(duì)于初學(xué)者更好的理解類的只讀只寫屬性有一定的幫助,需要的朋友可以參考下
    2014-07-07
  • Unity攝像機(jī)移至某物體附近觀察此物體

    Unity攝像機(jī)移至某物體附近觀察此物體

    這篇文章主要為大家詳細(xì)介紹了Unity攝像機(jī)移至某物體附近,觀察此物體,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • C#創(chuàng)建Windows Service(Windows 服務(wù))的方法步驟

    C#創(chuàng)建Windows Service(Windows 服務(wù))的方法步驟

    本文介紹了如何用C#創(chuàng)建、安裝、啟動(dòng)、監(jiān)控、卸載簡(jiǎn)單的Windows Service 的內(nèi)容步驟和注意事項(xiàng),具有一定的參考價(jià)值,感興趣的可以了解一下
    2023-11-11
  • C#線性漸變畫刷LinearGradientBrush用法實(shí)例

    C#線性漸變畫刷LinearGradientBrush用法實(shí)例

    這篇文章主要介紹了C#線性漸變畫刷LinearGradientBrush用法,實(shí)例分析了線性漸變畫刷LinearGradientBrush的相關(guān)使用技巧,需要的朋友可以參考下
    2015-06-06
  • Path類 操作文件類的實(shí)例

    Path類 操作文件類的實(shí)例

    下面小編就為大家分享一篇Path類 操作文件類的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2017-11-11
  • 基于Unity3D實(shí)現(xiàn)3D照片墻效果

    基于Unity3D實(shí)現(xiàn)3D照片墻效果

    Unity3D不僅僅可以開發(fā)游戲,還有非常多的開發(fā)方向。本文就將用Unity3D制作出一個(gè)3D照片墻的效果,文中的示例代碼講解詳細(xì),感興趣的可以了解一下
    2022-03-03
  • 枚舉的用法詳細(xì)總結(jié)

    枚舉的用法詳細(xì)總結(jié)

    本篇文章主要是對(duì)枚舉的用法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2014-01-01
  • C#基于正則表達(dá)式實(shí)現(xiàn)獲取網(wǎng)頁(yè)中所有信息的網(wǎng)頁(yè)抓取類實(shí)例

    C#基于正則表達(dá)式實(shí)現(xiàn)獲取網(wǎng)頁(yè)中所有信息的網(wǎng)頁(yè)抓取類實(shí)例

    這篇文章主要介紹了C#基于正則表達(dá)式實(shí)現(xiàn)獲取網(wǎng)頁(yè)中所有信息的網(wǎng)頁(yè)抓取類,結(jié)合完整實(shí)例形式分析了C#正則網(wǎng)頁(yè)抓取類與使用技巧,需要的朋友可以參考下
    2017-05-05

最新評(píng)論