[UGUI]修改頂點

參考鏈接：

https://blog.csdn.net/jk823394954/article/details/53870779

說明：unity版本5.3，新建一個Image，掛上以下的腳本

 

一.圖形繪制

1.繪制三角形

using UnityEngine;
using UnityEngine.UI;

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddTriangle(0, 1, 2);
    }
}

 

2.繪制正方形(繪制兩個三角形)

using UnityEngine;
using UnityEngine.UI;

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddVert(new Vector3(100, 0), Color.blue, Vector2.zero);
        vh.AddTriangle(0, 1, 2);
        vh.AddTriangle(2, 3, 0);
    }
}

 

3.繪制正方形(繪制一個正方形)

using UnityEngine;
using UnityEngine.UI;

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
        UIVertex[] verts = new UIVertex[4];

        verts[0].position = new Vector3(0, 0);
        verts[0].color = Color.red;
        verts[0].uv0 = Vector2.zero;

        verts[1].position = new Vector3(0, 100);
        verts[1].color = Color.green;
        verts[1].uv0 = Vector2.zero;

        verts[2].position = new Vector3(100, 100);
        verts[2].color = Color.black;
        verts[2].uv0 = Vector2.zero;

        verts[3].position = new Vector3(100, 0);
        verts[3].color = Color.blue;
        verts[3].uv0 = Vector2.zero;

        vh.AddUIVertexQuad(verts);
    }
}

 

二.相關api

using UnityEngine;
using UnityEngine.UI;

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddVert(new Vector3(100, 0), Color.blue, Vector2.zero);
        vh.AddTriangle(0, 1, 2);
        vh.AddTriangle(2, 3, 0);

        //頂點有4個，索引有6個
        Debug.Log(vh.currentIndexCount);
        Debug.Log(vh.currentVertCount);

        //PopulateUIVertex，返回頂點數據。當前取值范圍：0-3
        UIVertex vertex = new UIVertex();
        vh.PopulateUIVertex(ref vertex, 0);
        Debug.Log(vertex.color);
        vh.PopulateUIVertex(ref vertex, 3);
        Debug.Log(vertex.color);

        //SetUIVertex，設置頂點數據
        vertex.color = Color.yellow;
        vh.SetUIVertex(vertex, 3);
    }
}

輸出：

 

Stream流批量操作：

1.AddUIVertexStream，批量添加頂點

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

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
        List<UIVertex> verts = new List<UIVertex>();

        UIVertex vert0 = new UIVertex();
        vert0.position = new Vector3(0, 0);
        vert0.color = Color.red;
        vert0.uv0 = Vector2.zero;
        verts.Add(vert0);

        UIVertex vert1 = new UIVertex();
        vert1.position = new Vector3(0, 100);
        vert1.color = Color.green;
        vert1.uv0 = Vector2.zero;
        verts.Add(vert1);

        UIVertex vert2 = new UIVertex();
        vert2.position = new Vector3(100, 100);
        vert2.color = Color.black;
        vert2.uv0 = Vector2.zero;
        verts.Add(vert2);

        UIVertex vert3 = new UIVertex();
        vert3.position = new Vector3(100, 0);
        vert3.color = Color.blue;
        vert3.uv0 = Vector2.zero;
        verts.Add(vert3);

        List<int> indices = new List<int>() { 0, 1, 2, 2, 3, 0 };
        vh.AddUIVertexStream(verts, indices);
    }
}

 

2.AddUIVertexTriangleStream，批量添加三角形頂點，長度必須是3的倍數

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

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
        List<UIVertex> verts = new List<UIVertex>();

        UIVertex vert0 = new UIVertex();
        vert0.position = new Vector3(0, 0);
        vert0.color = Color.red;
        vert0.uv0 = Vector2.zero;
        verts.Add(vert0);

        UIVertex vert1 = new UIVertex();
        vert1.position = new Vector3(0, 100);
        vert1.color = Color.green;
        vert1.uv0 = Vector2.zero;
        verts.Add(vert1);

        UIVertex vert2 = new UIVertex();
        vert2.position = new Vector3(100, 100);
        vert2.color = Color.black;
        vert2.uv0 = Vector2.zero;
        verts.Add(vert2);

        vh.AddUIVertexTriangleStream(verts);
    }
}

 

3.GetUIVertexStream，獲取所有頂點數據

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

public class TestMesh : BaseMeshEffect {

    public override void ModifyMesh(VertexHelper vh)
    {
        vh.Clear();
     
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddTriangle(0, 1, 2);

        List<UIVertex> stream = new List<UIVertex>();
        vh.GetUIVertexStream(stream);
        foreach (UIVertex v in stream)
        {
            Debug.Log(v.color);
        }
    }
}