当前位置:网站首页>UI中级操作(倾斜和雷达效果)
UI中级操作(倾斜和雷达效果)
2022-08-09 03:40:00 【weixin_43754633】
UI变形倾斜
UI雷达效果,可以画出多边形,(UGUI是quad,而不是三角面构成)
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class UIRado : MaskableGraphic
{
[SerializeField]
Texture m_Texture;
/// <summary>
/// 填充
/// </summary>
public bool fill = true;
/// <summary>
/// 边数
/// </summary>
[Range(3, 360)]
public int sides = 5;
/// <summary>
/// 旋转角度
/// </summary>
[Range(0, 360)]
public float rotation = 0;
/// <summary>
/// 顶点数组
/// </summary>
[Range(0, 1)]
public float[] VerticesDistances = new float[5];
private float size = 0;
public override Texture mainTexture
{
get
{
return m_Texture == null ? s_WhiteTexture : m_Texture;
}
}
public Texture texture
{
get
{
return m_Texture;
}
set
{
if (m_Texture == value) return;
m_Texture = value;
SetVerticesDirty();
SetMaterialDirty();
}
}
#region 提供外部的接口
public void DrawPolygon(int _sides)
{
sides = _sides;
VerticesDistances = new float[_sides + 1];
for (int i = 0; i < _sides; i++) VerticesDistances[i] = 1;
}
public void DrawPolygon(List<float> datas)
{
List<float> finalDatas = new List<float>(datas);
sides = finalDatas.Count;
// 加上最后一个点,最后一个点与第一个点重合
finalDatas.Add(finalDatas[0]);
VerticesDistances = finalDatas.ToArray();
// 触发重绘
SetVerticesDirty();
}
#endregion
void Update()
{
// 根据宽高适配尺寸
size = rectTransform.rect.width;
if (rectTransform.rect.width > rectTransform.rect.height)
size = rectTransform.rect.height;
else
size = rectTransform.rect.width;
}
protected UIVertex[] SetVertexs(Vector2[] vertices, Vector2[] uvs)
{
UIVertex[] vbo = new UIVertex[4];
for (int i = 0; i < vertices.Length; i++)
{
var vert = UIVertex.simpleVert;
vert.color = color;
vert.position = vertices[i];
vert.uv0 = uvs[i];
vbo[i] = vert;
}
return vbo;
}
/// <summary>
/// 重写OnPopulateMesh方法
/// </summary>
/// <param name="vh"></param>
protected override void OnPopulateMesh(VertexHelper vh)
{
vh.Clear();
Vector2 prevX = Vector2.zero;
Vector2 prevY = Vector2.zero;
Vector2 uv0 = new Vector2(0, 0);
Vector2 uv1 = new Vector2(0, 1);
Vector2 uv2 = new Vector2(1, 1);
Vector2 uv3 = new Vector2(1, 0);
Vector2 pos0;
Vector2 pos1;
Vector2 pos2;
Vector2 pos3;
float degrees = 360f / sides;
int vertices = sides + 1;
if (VerticesDistances.Length != vertices)
{
VerticesDistances = new float[vertices];
for (int i = 0; i < vertices - 1; i++) VerticesDistances[i] = 1;
}
// 最后一个顶点,也即是第一个顶点
VerticesDistances[vertices - 1] = VerticesDistances[0];
for (int i = 0; i < vertices; i++)
{
float outer = -rectTransform.pivot.x * size * VerticesDistances[i];
float inner = -rectTransform.pivot.x * size * VerticesDistances[i];
float rad = Mathf.Deg2Rad * (i * degrees + rotation);
float c = Mathf.Cos(rad);
float s = Mathf.Sin(rad);
uv0 = new Vector2(0, 1);
uv1 = new Vector2(1, 1);
uv2 = new Vector2(1, 0);
uv3 = new Vector2(0, 0);
pos0 = prevX;
pos1 = new Vector2(outer * c, outer * s);
if (fill)
{
pos2 = Vector2.zero;
pos3 = Vector2.zero;
}
else
{
pos2 = new Vector2(inner * c, inner * s);
pos3 = prevY;
}
prevX = pos1;
prevY = pos2;
vh.AddUIVertexQuad(SetVertexs(new[] {
pos0, pos1, pos2, pos3 }, new[] {
uv0, uv1, uv2, uv3 }));
}
}
}
边栏推荐
- 了解CV和RoboMaster视觉组(五)滤波器、观测器和预测方法:卡尔曼滤波器
- 【精品向】你真的会写测试用例么?全网超大型测试用例攻略
- Linux安装MySQL8
- 了解CV和RoboMaster视觉组(五)CNN没有不变性?
- 月报总结|Moonbeam 7月份大事一览
- Moonriver与Shiden的XCM集成现已上线
- Arrays and slices
- How to deal with cyber attacks?
- Promoting practice with competitions-Like the 84th biweekly game reflection and the 305th weekly game supplementary questions
- Redis expiration strategy and elimination strategy
猜你喜欢
技术分享 | 使用 cURL 发送请求
旭日图更好地呈现数据的层次结构,细致划分各项数据
了解CV和RoboMaster视觉组(五)统计特征和global-based方法
给一时兴起想要学习 “ 测试 ” 的同学的几条建议.....
Deep learning - in the recognition, for example, this paper discusses how to preserve the neural network model
【Redis底层解析】字典类型
NanoDet代码逐行精读与修改(三)辅助训练模块AGM
笔记本电脑重装系统后开机蓝屏要怎么办
了解CV和RoboMaster视觉组(五)滤波器、观测器和预测方法:粒子滤波器Particle Filter
OpenCV相机标定完全指南(有手就行)
随机推荐
Introduction to the JSP
了解CV和RoboMaster视觉组(五)目标跟踪:基于深度学习的方法
3年半测试经验,20K我都没有,看来是时候跳槽了...
leetcode 5709. 最大升序子数组和
Deep learning - in the recognition, for example, this paper discusses how to preserve the neural network model
创建一个DAPP的全流程
NanoDet代码逐行精读与修改(四)动态软标签分配:dynamic soft label assigner
卷积神经网络模型训练——入门理解
【Pyspark】udf使用入门
光刻机随感
Leetcode Brushing Questions - 148. Sort Linked List
Swift3.0 sets the background color and text color of the status bar
OpenCV相机标定完全指南(有手就行)
Swift3.0设置状态栏的背景颜色与文字颜色
Embedded system driver advanced [2] - platform bus driver development _ basic framework
33 基本统计知识——单项非参数检验
The condition variable condition_variable implements thread synchronization
06 动态内存
Error detected while processing /home/test/.vim/plugin/visualmark.vim
5.索引优化实战