Unity3D中Image实现绘制几何图形的几种方式

2023-10-07 00:02:44

前言

在Unity3D中，Image组件是一个非常强大的UI元素，它可以用来创建各种各样的图形界面。Image组件不仅可以用来显示图像，还可以用来绘制各种几何图形。

实现方式

1. 绘制线

要绘制一条线，可以使用Image组件的type属性，将其设置为Filled，然后使用Image组件的fillAmount属性来控制线的长度。

using UnityEngine;
using UnityEngine.UI;

public class DrawLine : MonoBehaviour
{
    public Image image;

    private void Start()
    {
        // 设置Image组件的type属性为Filled
        image.type = Image.Type.Filled;

        // 设置Image组件的fillAmount属性来控制线的长度
        image.fillAmount = 0.5f;
    }
}

2. 绘制三角形

要绘制一个三角形，可以使用Image组件的vertices属性来设置三角形的三个顶点。

using UnityEngine;
using UnityEngine.UI;

public class DrawTriangle : MonoBehaviour
{
    public Image image;

    private void Start()
    {
        // 设置Image组件的vertices属性来设置三角形的三个顶点
        image.vertices = new Vector3[]
        {
            new Vector3(0, 0, 0),
            new Vector3(100, 0, 0),
            new Vector3(50, 100, 0)
        };
    }
}

3. 绘制正方形

要绘制一个正方形，可以使用Image组件的rectTransform属性来设置正方形的大小和位置。

using UnityEngine;
using UnityEngine.UI;

public class DrawSquare : MonoBehaviour
{
    public Image image;

    private void Start()
    {
        // 设置Image组件的rectTransform属性来设置正方形的大小和位置
        image.rectTransform.sizeDelta = new Vector2(100, 100);
        image.rectTransform.anchoredPosition = new Vector2(50, 50);
    }
}

4. 绘制圆

要绘制一个圆，可以使用Image组件的type属性，将其设置为Filled，然后使用Image组件的fillOrigin属性来控制圆的起始点。

using UnityEngine;
using UnityEngine.UI;

public class DrawCircle : MonoBehaviour
{
    public Image image;

    private void Start()
    {
        // 设置Image组件的type属性为Filled
        image.type = Image.Type.Filled;

        // 设置Image组件的fillOrigin属性来控制圆的起始点
        image.fillOrigin = 0;

        // 设置Image组件的fillAmount属性来控制圆的长度
        image.fillAmount = 1f;
    }
}