草庐IT

MaskableGraphic

全部标签

【Unity小功能开发实战教程】重写MaskableGraphic实现UI图片圆角化功能

文章目录👉一、前言👉二、圆角化原理1、以Word圆角矩形为例,找出圆角化规律2、根据圆角化规律,得出UI圆角绘制流程👉三、完整圆角化绘制代码👉四、圆角化效果演示👉一、前言项目中有遇到实现UI圆角化的功能,在网上看了一下,普遍是用Shader来实现的。但感觉用网上的Shader实现的圆角化跟传统软件(PS、Word、Maya、AE)上的圆角化效果不太一样。最终还是决定用Unity提供的方法去实现圆角化功能。其实只要了解了圆角化的构图原理,很轻松就可以利用MaskableGraphic去绘制UI圆角了。👉二、圆角化原理1、以Word圆角矩形为例,找出圆角化规律首先我们应该有一个圆角系数Radius

Unity UGUI的MaskableGraphic(可遮罩图形)组件的介绍及使用

UnityUGUI的MaskableGraphic(可遮罩图形)组件的介绍及使用1.什么是MaskableGraphic组件?MaskableGraphic是UnityUGUI中的一个组件,用于实现图形的遮罩效果。通过该组件,我们可以将一个图形对象的显示范围限制在一个指定的区域内,从而实现遮罩效果。2.MaskableGraphic组件的工作原理MaskableGraphic组件的工作原理是通过将图形对象与遮罩对象进行相交运算,将图形对象的显示范围限制在遮罩对象的范围内。具体的工作流程如下:首先,将遮罩对象设置为图形对象的父对象,并将遮罩对象的RectTransform组件的大小设置为所需的遮