Unity制作图表动态曲线

96
蓝苹果不是烂苹果
2017.08.18 18:59* 字数 136
效果图

需求

拥有两张贴图,分别是蓝色坐标轴和原谅色曲线,动态加载曲线图

方法

  1. 创建canvas,并切换RenderMode为WorldSpace
  2. 创建Empty命名为Chart作为canvas的子对象,并添加sprite、slide组件;


    chart
  3. 创建Empty命名为Line作为Chart的子对象,并添加image组件;


    line
  4. 给Chart添加脚本SlideChangeValue,用于控制曲线显示;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class SlideChangeValue : MonoBehaviour {

    Slider slide;
    public float time;//变化所需时间
    public float speed;//变化速度
    //float value = 0;

    // Use this for initialization
    void Start () {
        slide = gameObject.GetComponent<Slider>();
    }
    
    // Update is called once per frame
    void Update () {
        if (Input.GetKey(KeyCode.A))//点击键盘A键,显示曲线
        {
            slide.value = 0;
            StartCoroutine("ChangeValue");
        }
    }

    IEnumerator ChangeValue()
    {
        while (slide.value < 1)
        {
            slide.value += speed / time;
            yield return new WaitForSeconds(speed);
        }
        
    }
}
  1. 结构图
canvas
  1. 对各个组件的设置请看图!

新手记录学习心得,仅供参考!

Vuforia for ios