FairyGUI-GGraph图形组件

18 篇文章 5 订阅

现在入职的公司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 () {
		
	}
}

运行效果如下图

至此一个简单的雷达图实现了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Data菌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值