使用Unity UGUI根据实时数据动态绘制图线（心电图）

最新推荐文章于 2025-04-14 09:48:49 发布

xxxhhhyxy

最新推荐文章于 2025-04-14 09:48:49 发布

阅读量1w

点赞数 6

分类专栏： Unity UGUI

本文链接：https://blog.youkuaiyun.com/xxxhhhyxy/article/details/90653957

版权

本文介绍了如何使用Unity的UGUI系统，根据实时数据动态绘制类似于心电图的图线。通过创建RawImage作为图像窗口，利用代码生成纹理，设置背景颜色，并在Update中接收数据进行图线绘制。采用高效方法，每帧仅进行400次像素赋值，实现了内存消耗小的动态图线显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【通知】本文的新升级版发布于 https://blog.youkuaiyun.com/xxxhhhyxy/article/details/117389897，并且已有新的工程包可供下载，请诸位移架观看。

同志们想我了吗？！我想也没有。

最近因为工程需要，通过UGUI设计了能够根据实时数据更新的动态图线，也就是像心电图那样。我从凯尔八阿哥的博客中得到绘制图线的启发，但添加了自己的实时设计，并且消耗的内存较小。

1.首先创建一个UI ==>RawImage作为呈现图像的窗口。

2.使用代码创建texture，赋给RawImage，作为呈现图线的纹理。

//初始化纹理
        m_texture = new Texture2D(graphWidth, graphHeight);
        m_rawImage.texture = m_texture;
        m_rawImage.SetNativeSize();

3.创建一个一维颜色数组（用于迭代图线）和一个一维列表（用于记录获取的数据）。

        pixels = new Color[graphWidth * graphHeight];
        data = new List<int>();
        d