Unity实现新手引导镂空效果

 更新时间:2020年02月13日 09:29:58   作者:LLLLL__  
这篇文章主要为大家详细介绍了Unity实现新手引导的镂空效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Unity实现新手引导镂空效果的具体代码,供大家参考,具体内容如下

一、实现思路

创建有8个顶点的Mesh,内外边界都是四边形(矩形)。只生成内、外边之间的Mesh,内层矩形就产生了镂空部分,外层的4个顶点,是组件自身RectTransform的四个顶点,内层的4个顶点,使用镂空目标(_target)RectTransform的四个顶点。确定内层的顶点的时候需要注意,多数情况下_target和HollowOutMask都不在同一个本地坐标空间,所以需要使用CalculateRelativeRectTransformBounds计算出HollowOutMask空间下坐标
这种镂空的表现,可以稍稍提高下性能。因为镂空的位置不参与渲染,Overdraw会降低

UGUI提供了ICanvasRaycastFilter接口,我们实现IsRaycastLocationValid方法,就可以很方便的控制HollowOutMask是否要拦截下在某一点触发的事件

二、这个组件的作用

这个组件做了两件事情:表现上镂空一块区域和不拦截镂空范围上的事件

三、代码实现

using UnityEngine;
using UnityEngine.UI;
 
/// <summary>
/// 实现镂空效果的Mask组件
/// </summary>
public class HollowOutMask : MaskableGraphic, ICanvasRaycastFilter
{
 [SerializeField]
 private RectTransform _target;
 
 private Vector3 _targetMin = Vector3.zero;
 private Vector3 _targetMax = Vector3.zero;
 
 private bool _canRefresh = true;
 private Transform _cacheTrans = null;
 
 /// <summary>
 /// 设置镂空的目标
 /// </summary>
 public void SetTarget(RectTransform target)
 {
 _canRefresh = true;
 _target = target;
 _RefreshView();
 }
 
 private void _SetTarget(Vector3 tarMin, Vector3 tarMax)
 {
 if (tarMin == _targetMin && tarMax == _targetMax)
 return;
 _targetMin = tarMin;
 _targetMax = tarMax;
 SetAllDirty();
 }
 
 private void _RefreshView()
 {
 if (!_canRefresh) return;
 _canRefresh = false;
 
 if (null == _target)
 {
 _SetTarget(Vector3.zero, Vector3.zero);
 SetAllDirty();
 }
 else
 {
 Bounds bounds = RectTransformUtility.CalculateRelativeRectTransformBounds(_cacheTrans, _target);
 _SetTarget(bounds.min, bounds.max);
 }
 }
 
 protected override void OnPopulateMesh(VertexHelper vh)
 {
 if (_targetMin == Vector3.zero && _targetMax == Vector3.zero)
 {
 base.OnPopulateMesh(vh);
 return;
 }
 
 vh.Clear();
 
 // 填充顶点
 UIVertex vert = UIVertex.simpleVert;
 vert.color = color;
 
 Vector2 selfPiovt = rectTransform.pivot;
 Rect selfRect = rectTransform.rect;
 float outerLx = -selfPiovt.x * selfRect.width;
 float outerBy = -selfPiovt.y * selfRect.height;
 float outerRx = (1 - selfPiovt.x) * selfRect.width;
 float outerTy = (1 - selfPiovt.y) * selfRect.height;
 // 0 - Outer:LT
 vert.position = new Vector3(outerLx, outerTy);
 vh.AddVert(vert);
 // 1 - Outer:RT
 vert.position = new Vector3(outerRx, outerTy);
 vh.AddVert(vert);
 // 2 - Outer:RB
 vert.position = new Vector3(outerRx, outerBy);
 vh.AddVert(vert);
 // 3 - Outer:LB
 vert.position = new Vector3(outerLx, outerBy);
 vh.AddVert(vert);
 
 // 4 - Inner:LT
 vert.position = new Vector3(_targetMin.x, _targetMax.y);
 vh.AddVert(vert);
 // 5 - Inner:RT
 vert.position = new Vector3(_targetMax.x, _targetMax.y);
 vh.AddVert(vert);
 // 6 - Inner:RB
 vert.position = new Vector3(_targetMax.x, _targetMin.y);
 vh.AddVert(vert);
 // 7 - Inner:LB
 vert.position = new Vector3(_targetMin.x, _targetMin.y);
 vh.AddVert(vert);
 
 // 设定三角形
 vh.AddTriangle(4, 0, 1);
 vh.AddTriangle(4, 1, 5);
 vh.AddTriangle(5, 1, 2);
 vh.AddTriangle(5, 2, 6);
 vh.AddTriangle(6, 2, 3);
 vh.AddTriangle(6, 3, 7);
 vh.AddTriangle(7, 3, 0);
 vh.AddTriangle(7, 0, 4);
 }
 
 bool ICanvasRaycastFilter.IsRaycastLocationValid(Vector2 screenPos, Camera eventCamera)
 {
 if (null == _target) return true;
 // 将目标对象范围内的事件镂空(使其穿过)
 return !RectTransformUtility.RectangleContainsScreenPoint(_target, screenPos, eventCamera);
 }
 
 protected override void Awake()
 {
 base.Awake();
 _cacheTrans = GetComponent<RectTransform>();
 }
 
#if UNITY_EDITOR
 void Update()
 {
 _canRefresh = true;
 _RefreshView();
 }
#endif
}

四、使用说明

将以上组件挂载到有RectTransform组件的游戏物体身上,设置Color的颜色以及Target区域的大小即可

——此组件挂载的游戏物体身上只能有一个继承Graphics类的组件
——若自定义添加Image控制Target区域大小,记得将Image的Alpha设置为0并且取消射线检测

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • c#基于winform制作音乐播放器

    c#基于winform制作音乐播放器

    这篇文章主要介绍了c#基于winform制作音乐播放器的方法,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
    2021-03-03
  • 在 C# 中使用 插值字符串

    在 C# 中使用 插值字符串

    这篇文章主要介绍了在 C# 中使用 插值字符串,字符串插值是一种将 表达式 插入到字符串字面量中的一种技术,又称为变量替换,变量插值,变量展开 等等,它是一种用相应值替换字符串中的一个或者更多个占位符的处理过程
    2022-01-01
  • C#中的lock、Monitor、Mutex学习笔记

    C#中的lock、Monitor、Mutex学习笔记

    这篇文章主要介绍了C#中的lock、Monitor、Mutex学习笔记,本文讲解的都是线程同步的一些知识,需要的朋友可以参考下
    2015-01-01
  • 详解WPF中的隧道路由和冒泡路由事件

    详解WPF中的隧道路由和冒泡路由事件

    这篇文章主要介绍了WPF中的隧道路由和冒泡路由事件的相关资料,帮助大家更好的理解和学习使用c#的wpf,感兴趣的朋友可以了解下
    2021-04-04
  • c#互斥锁Mutex类用法介绍

    c#互斥锁Mutex类用法介绍

    本文详细讲解了c#互斥锁Mutex类的用法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-02-02
  • C#迭代器方法介绍

    C#迭代器方法介绍

    这篇文章主要介绍了C#迭代器方法,可以使用foreach循环语句进行的迭代的方法,称为可迭代方法,或者迭代器方法,方法操作,想了解更多内容得小伙伴可以学习下面文章内容,希望给你的学习带来帮助
    2022-03-03
  • Unity实现批量Build打包详解

    Unity实现批量Build打包详解

    一般来讲如果项目是PC或Android、IOS端不会有批量Build打包这样的需求,但如果项目是WebGL端可能会遇到这样的需求。本文主要为大家介绍Unity中如何实现Build批量打包的,需要的朋友可以参考一下
    2021-12-12
  • C#中DateTime日期类型格式化显示方法汇总

    C#中DateTime日期类型格式化显示方法汇总

    这篇文章主要介绍了C#中DateTime日期类型格式化显示方法汇总
    2014-07-07
  • C#利用ASP.NET Core开发学生管理系统详解

    C#利用ASP.NET Core开发学生管理系统详解

    随着技术的进步,跨平台开发已经成为了标配,在此大背景下,ASP.NET Core也应运而生。本文主要利用ASP.NET Core开发一个学生管理系统,感兴趣的可以学习一下
    2022-01-01
  • C# TextBox数据绑定的方法

    C# TextBox数据绑定的方法

    这篇文章主要为大家详细介绍了C# TextBox数据绑定的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09

最新评论