现在入职的公司UI使用了FairyGUI插件,接下来介绍如何在FairyGUI编辑器中如何制作界面,并在Unity中如何绑定脚本实现交互功能。官方链接:https://en.fairygui.com/docs/editor 对应开发引擎Demo工程也可以在此网站获得。关于FairyGUI的介绍测试资源来自官方Demo工程中,读者自行获取。
本篇介绍GGraph图形,可以是简单几何图形的描绘。图形组件的用途:1)编辑多边形: 2)制作如雷达图的实现
雷达
制作完毕,导出资源
代码实现
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;
/*
* Author:W
* GGraph图形组件:
* 雷达图实现
*/
public class GGraphTest : MonoBehaviour {
private GComponent root;
private GGraph LeiDa;
void Awake()
{
UIPackage.AddPackage("UI/Basics");
}
// Use this for initialization
void Start () {
root = this.GetComponent<UIPanel>().ui;
LeiDa = root.GetChild("radial") as GGraph;
float[] distanceArr = new float[] {0.75f,0.65f,0.5f,1f,0.55f,0.88f};
LeiDa.shape.DrawRegularPolygon(6,1,Color.gray,Color.yellow,Color.green,0, distanceArr);
}
// Update is called once per frame
void Update () {
}
}
运行效果如下图
至此一个简单的雷达图实现了。