UGUI绘制动态曲线

 更新时间:2019年08月21日 15:52:57   作者:Admin_Jhon  
这篇文章主要为大家详细介绍了UGUI绘制动态曲线的具体方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了UGUI绘制动态曲线的具体代码,供大家参考,具体内容如下

前言

等有空再补详细说明,先上代码。看官自行阅读

代码

UICurveData 类,用于存放点数据的基础结构。

public class UICurveData
{
 #region [Fields]
 public List<Vector2> Postion = new List<Vector2>();
 public Color Ccolor;
 public float Thickness = 1;
 #endregion

 #region [PublicTools]
 public void Addpos(float varX, float varY)
 {
  Addpos(new Vector2(varX, varY));
 }
 public void Addpos(Vector2 varV2)
 {
  Postion.Add(varV2);
 }
 #endregion

}

UICurve 负责构建顶点数据,mesh。

public class UICurve : MaskableGraphic
{
 #region [Fields]
 private Dictionary<int, UICurveData> mCurveData = new Dictionary<int, UICurveData>();
 #endregion

 #region [Inherit]
 protected override void OnPopulateMesh(VertexHelper varVerHeler)
 {
  varVerHeler.Clear();

  foreach (var tempKvp in mCurveData)
  {
   var tempUICurveData = tempKvp.Value;
   if (tempUICurveData.Postion.Count < 2)
   {
    continue;
   }
   for (int i = 1; i < tempUICurveData.Postion.Count; i++)
   {
    UIVertex[] verts = new UIVertex[4];

    float x1 = tempUICurveData.Postion[i - 1].x;
    float y1 = tempUICurveData.Postion[i - 1].y;
    float x2 = tempUICurveData.Postion[i].x;
    float y2 = tempUICurveData.Postion[i].y;

    float xd = (y2 - y1) / Mathf.Sqrt(Mathf.Pow(x2 - x1, 2) * Mathf.Pow(y2 - y1, 2)) * tempKvp.Value.Thickness / 2;
    float yd = (x2 - x1) / Mathf.Sqrt(Mathf.Pow(x2 - x1, 2) * Mathf.Pow(y2 - y1, 2)) * tempKvp.Value.Thickness / 2;

    int idx = 0;
    verts[idx].position = new Vector3(tempUICurveData.Postion[i - 1].x - xd, tempUICurveData.Postion[i - 1].y + yd);
    verts[idx].color = tempUICurveData.Ccolor;
    verts[idx].uv0 = Vector2.zero;

    idx++;
    verts[idx].position = new Vector3(tempUICurveData.Postion[i].x - xd, tempUICurveData.Postion[i].y + yd);
    verts[idx].color = tempUICurveData.Ccolor;
    verts[idx].uv0 = Vector2.zero;

    idx++;
    verts[idx].position = new Vector3(tempUICurveData.Postion[i].x + xd, tempUICurveData.Postion[i].y - yd);
    verts[idx].color = tempUICurveData.Ccolor;
    verts[idx].uv0 = Vector2.zero;

    idx++;
    verts[idx].position = new Vector3(tempUICurveData.Postion[i - 1].x + xd, tempUICurveData.Postion[i - 1].y - yd);
    verts[idx].color = tempUICurveData.Ccolor;
    verts[idx].uv0 = Vector2.zero;

    varVerHeler.AddUIVertexQuad(verts);
   }
  }

 }
 #endregion

 #region [PublicTools]
 public void AddCurveData(int varID, UICurveData varCurveData)
 {
  mCurveData.Add(varID, varCurveData);
  SetAllDirty();
 }
 public void Clear()
 {
  mCurveData.Clear();
  SetAllDirty();
 }
 public void RemovePointIDs(params int[] varRemovepoints)
 {
  List<int> tempL = new List<int>();
  tempL.AddRange(varRemovepoints);
  RemovePointIDs(tempL);
 }
 public void RemovePointIDs(List<int> varRemovePoints)
 {
  foreach (var i in varRemovePoints)
  {
   if (!mCurveData.ContainsKey(i)) continue;
   mCurveData.Remove(i);
  }
  SetAllDirty();
 }
 #endregion
}

测试使用

public class TestCurve : MonoBehaviour
{
 void Start()
 {
  var tempCurve = this.gameObject.AddComponent<UICurve>();
  UICurveData tempcd = new UICurveData();
  tempcd.Ccolor = Color.yellow;
  tempcd.Thickness = 2;
  for (int i = 0; i < 360; i++)
  {
   tempcd.Addpos(i * 2,(float)Mathf.Cos(i));
  }
  tempCurve.AddCurveData(1,tempcd);
 }
}

将该脚本挂在 Canvas 上,运行会看到

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • BootStrap mvcpager分页样式(get请求,刷新页面)

    BootStrap mvcpager分页样式(get请求,刷新页面)

    这篇文章主要介绍了BootStrap mvcpager分页样式(get请求,刷新页面)的相关资料,通过引入相关文件,实现此功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • C#中使用Dapper进行数据库访问的流程步骤

    C#中使用Dapper进行数据库访问的流程步骤

    在C#中,Dapper是一个非常流行的ORM(对象关系映射)工具,它提供了一个轻量级的方式来访问数据库,Dapper通过SQL语句与数据库进行交互,并将结果映射到.NET对象中,以下是如何在C#中使用Dapper进行数据库访问的基本步骤,需要的朋友可以参考下
    2024-12-12
  • C#中Linq查询基本操作使用实例

    C#中Linq查询基本操作使用实例

    这篇文章主要介绍了C#中Linq查询基本操作使用实例,有需要的朋友可以参考一下
    2013-12-12
  • C#创建控制Windows服务

    C#创建控制Windows服务

    这篇文章介绍了C#创建和控制Windows服务的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-02-02
  • C#对INI文件进行读写操作的示例代码

    C#对INI文件进行读写操作的示例代码

    这篇文章主要为大家详细介绍了C#对INI文件进行读写操作的相关知识,文中的示例代码讲解详细,具有一定的学习价值,有需要的小伙伴可以参考一下
    2024-02-02
  • 浅析C#中的Main(String[] args)参数输入问题

    浅析C#中的Main(String[] args)参数输入问题

    本篇文章主要是对C#中的Main(String[] args)参数输入问题进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • C# OCR实现文字识别功能

    C# OCR实现文字识别功能

    OCR,中文叫做光学字符识别。它是利用光学技术和计算机技术把印在或写在纸上的文字读取出来,并转换成一种计算机能够接受、人又可以理解的格式。本文将利用OCR实现文字识别功能,感兴趣的可以了解一下
    2022-11-11
  • c# SQLHelper(for winForm)实现代码

    c# SQLHelper(for winForm)实现代码

    数据连接池c# SQLHelper 实现代码
    2009-02-02
  • C# Cache缓存读取的设置方法

    C# Cache缓存读取的设置方法

    这篇文章主要介绍了C# Cache缓存读取的设置方法,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
    2021-03-03
  • C# 基于消息发布订阅模型的示例(上)

    C# 基于消息发布订阅模型的示例(上)

    这篇文章主要介绍了C# 基于消息发布订阅模型的示例,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
    2021-03-03

最新评论