Unity雷达图

RedZero9

效果大致如下：

代码如下：
using System.Collections;using System.Collections.Generic;using System.Linq;//.Max()属于该命名空间using UnityEngine;using UnityEngine.UI;//继承绘制public class RadarChart : Graphic{    public Texture texture;//背景图    public float[] arr;    public Color backColor;    public float padding = 0;//边距    public float thick = 1;//描边的粗细    public Color sideColor;//描边的颜色    public float[] arr2;    public Color arr2Color;    public Color side2Color;//描边的颜色    //重新绘制，每次改变数组中数值后调用    public override void SetVerticesDirty()    {        base.SetVerticesDirty();    }    //重新图片读取    public override Texture mainTexture {        get        {            if (texture == null)            {                if (material != null && material.mainTexture != null)                {                    return material.mainTexture;                }                return s_WhiteTexture;            }            return texture;        }    }    protected override void OnPopulateMesh(VertexHelper vh)    {        //清理网格        vh.Clear();        //获取ui的大小，相当于rectTransform.rect        Rect rect = GetPixelAdjustedRect();        //绘制背景图        Vector4 v = new Vector4(rect.x, rect.y, rect.x + rect.width, rect.y + rect.height);        vh.AddVert(new Vector3(v.x, v.y), backColor, new Vector2(0f, 0.15f));        vh.AddVert(new Vector3(v.x, v.w), backColor, new Vector2(0f, 0.9f));        vh.AddVert(new Vector3(v.z, v.w), backColor, new Vector2(1f, 0.9f));        vh.AddVert(new Vector3(v.z, v.y), backColor, new Vector2(1f, 0.15f));        vh.AddTriangle(0, 1, 2);        vh.AddTriangle(2, 3, 0);        //计算半径最大值        //半径的最大值 = 变宽最小值的一半        float rMax;        if (rect.width < rect.height)        {            rMax = (rect.width - padding) / 2;        }        else        {            rMax = (rect.height - padding) / 2;        }        //计算半径与传入的最大值的比值        float per = rMax / arr.Max();        //计算每个角的弧度        float ang = Mathf.PI * 2 / arr.Length;        //添加圆心顶点        vh.AddVert(new Vector3(0, 0, 0), color, Vector4.zero);        for (int i = 0; i < arr.Length; i++)        {            float x = Mathf.Sin(ang * i) * arr * per;            float y = Mathf.Cos(ang * i) * arr * per;            //添加顶点            vh.AddVert(new Vector3(x, y, 0), color, Vector4.zero);        }        //描边顶点        for (int i = 0; i < arr.Length; i++)        {            float x = Mathf.Sin(ang * i) * arr * per;            float y = Mathf.Cos(ang * i) * arr * per;            //添加顶点            vh.AddVert(new Vector3(x, y, 0), sideColor, Vector4.zero);            float x1 = Mathf.Sin(ang * i) * (arr * per - thick);            float y1 = Mathf.Cos(ang * i) * (arr * per - thick);            //添加顶点            vh.AddVert(new Vector3(x1, y1, 0), sideColor, Vector4.zero);        }        //前4个顶点被用来绘制背景图了        //所以全部+4        //设置雷达图渲染顺序        for (int i = 0; i < arr.Length; i++)        {            if (i == 0)//0的时候算最后一个            {                vh.AddTriangle(0 + 4, arr.Length + 4, 1 + 4);            }            else            {                vh.AddTriangle(0 + 4, i + 4, (i + 1) + 4);            }        }        //前边有雷达图        //所以全部+4 + arr.Length        //设置描边渲染顺序        for (int i = 0; i < arr.Length; i++)        {            if (i == 0)//0的时候算最后一个            {                //9,1,2                vh.AddTriangle((arr.Length * 2 - 1) + 4 + arr.Length, 1 + 4 + arr.Length, 1 * 2 + 4 + arr.Length);                //9,2,10                vh.AddTriangle((arr.Length * 2 - 1) + 4 + arr.Length, 1 * 2 + 4 + arr.Length, (arr.Length * 2) + 4 + arr.Length);            }            else            {                vh.AddTriangle((i * 2 - 1) + 4 + arr.Length, ((i + 1) * 2 - 1) + 4 + arr.Length, ((i + 1) * 2) + 4 + arr.Length);                vh.AddTriangle((i * 2 - 1) + 4 + arr.Length, ((i + 1) * 2) + 4 + arr.Length, (i * 2) + 4 + arr.Length);            }        }        //计算半径与传入的最大值的比值        float per2 = rMax / arr2.Max();        //计算每个角的弧度        float ang2 = Mathf.PI * 2 / arr2.Length;        //添加圆心顶点        vh.AddVert(new Vector3(0, 0, 0), arr2Color, Vector4.zero);        for (int i = 0; i < arr2.Length; i++)        {            float x = Mathf.Sin(ang2 * i) * arr2 * per2;            float y = Mathf.Cos(ang2 * i) * arr2 * per2;            //添加顶点            vh.AddVert(new Vector3(x, y, 0), arr2Color, Vector4.zero);        }        //描边顶点        for (int i = 0; i < arr2.Length; i++)        {            float x = Mathf.Sin(ang2 * i) * arr2 * per2;            float y = Mathf.Cos(ang2 * i) * arr2 * per2;            //添加顶点            vh.AddVert(new Vector3(x, y, 0), side2Color, Vector4.zero);            float x1 = Mathf.Sin(ang2 * i) * (arr2 * per2 - thick);            float y1 = Mathf.Cos(ang2 * i) * (arr2 * per2 - thick);            //添加顶点            vh.AddVert(new Vector3(x1, y1, 0), side2Color, Vector4.zero);        }        //前4个顶点被用来绘制背景图了        //所以全部+4 + arr.Length * 3        int n = 5 + arr.Length * 3;        //设置雷达图渲染顺序        for (int i = 0; i < arr2.Length; i++)        {            if (i == 0)//0的时候算最后一个            {                vh.AddTriangle(0 + n, arr2.Length + n, 1 + n);            }            else            {                vh.AddTriangle(0 + n, i + n, (i + 1) + n);            }        }        //前边有雷达图        //所以全部+4 + arr2.Length + arr.Length * 3        int m = 5 + arr2.Length + arr.Length * 3;        //设置描边渲染顺序        for (int i = 0; i < arr2.Length; i++)        {            if (i == 0)//0的时候算最后一个            {                //例如：9,1,2                vh.AddTriangle((arr2.Length * 2 - 1) + m, 1 + m, 1 * 2 + m);                //例如：9,2,10                vh.AddTriangle((arr2.Length * 2 - 1) + m, 1 * 2 + m, (arr2.Length * 2) + m);            }            else            {                vh.AddTriangle((i * 2 - 1) + m, ((i + 1) * 2 - 1) + m, ((i + 1) * 2) + m);                vh.AddTriangle((i * 2 - 1) + m, ((i + 1) * 2) + m, (i * 2) + m);            }        }    }}
调用方法大致如下：
public void OnBtnAttributes()    {        radarChart.arr = radarChart.arr2;        float[] newarr = new float[5];        for (int i = 0; i < 5; i++)        {            newarr = Random.Range(0, 100);            attr.GetComponentsInChildren<Text>().text = "属性" + i + "：" + newarr;        }        radarChart.arr2 = newarr;        radarChart.SetVerticesDirty();    }