FairyGUI中创建遮罩

最新推荐文章于 2025-06-03 08:10:36 发布
最新推荐文章于 2025-06-03 08:10:36 发布
阅读量1.3w 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Unity3D 文章标签： unity FairyGUI UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_14903317/article/details/69743376
本文介绍如何在FairyGUI中使用遮罩组件限制List组件的显示和触摸区域，并通过实例展示遮罩的原理和使用方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在做UI的时候我们经常会用到遮罩.在UGUI中我们通过Mask组件来实现,FairyGUI中也有同样的功能.

下面让我们在FairyGUI编辑器中创建一个List组件,并导入到Unity中显示,没有添加任何遮罩,List的遮挡区域是一个方形.

这里写图片描述

现在我们为List添加一个遮罩来限制List的显示区域和触摸区域.首先导入一张带Alpha通道的不规则图片在FairyGUI编辑器中.

这里写图片描述

然后选中我们的遮罩图,并在编辑器右边的信息界面中勾选中[将我作为组件的遮罩].

这里写图片描述

再次导入Unity中看看效果.

这里写图片描述

现在可以看到List的显示区域和触摸区域已经被遮挡了.

通过观察可以发现FairyGUI遮罩的原理与UGUI中Mask组件一样.是使用透明通道来实现遮罩.Alpha值为0的地方将不会显示.同样可以使用这种方式制作头像遮罩等等.

【FairyGUI】UI界面重叠
03-04 1531
新项目启动，据各位道友的推荐使用FairyGUI来进行UI的搭建，减少程序的工作量，提高美术制作效果及还原度，总的来说就是提高整个项目的品质，由于刚开始使用，出现了UI重叠的情况，耗时较多，特此记录一下； 情况1： 在界面正常加载，不需要按钮点击进入，也就是从界面A到界面B的效果正常，如下： 异常界面如下： ...
FairyGUI个人学习手册——只有重点（2）
qq_43685296的博客
11-09 3632
组件被拖到其他组件中去，检查器上能设置的属性一般是固定的。例如一个按钮，我们可以改变它的标题、图标、是否选中等，这些都是编辑器提供的固定属性。但如果我在按钮中放置了额外的文本或者装载器，而且需要设定他们在实例化后的属性时，就需要用自定义属性，将组件的子元件甚至更深层次的元件的属性暴露出来。在自定义属性旁点击编辑弹出窗口。
FairGUI基础学习
weixin_66584806的博客
06-03 961
1.assets：包内容放置目录一>package1：每个包一个目录。目录名就是包名2.：分支内容放置目录，xx就是分支名称，多个分支存在多个类似名称的目录3.:配置文件放置目录4：内部数据目录。不需要进行版本管，这里的内容不需要共享5：项目标识文件。文件名就是项目名，可以随便修改。
FairyGUI插件
08-17
FairyGUI是一款UI制作的编辑器，它是一个跨平台的UI编辑器，支持多个开发平台，当然，对我们而言，它支持Unity，还有Egret，Egret和Unity有一点关系，它支持从Unity导入数据。
FairyGUI-遮罩与滚动视图
成长ing中的w的专栏
05-10 4163
组件GComponent关于溢出部分处理，选择“可见”模式，再指定遮罩层，就实现了遮罩功能；如果设定成滚动，则变成了滚动视图。 导出资源 代码实现 using System.Collections; using System.Collections.Generic; using UnityEngine; using FairyGUI; /* * Author:W * 滚动视图 * GComponent组件有关于溢出处理 * 作用1：设置遮罩 * 作用2：设置滚动，滚动视图 *
Ue4 FairyGUI 自定义遮罩
Main_hc的专栏
08-05 1343
FairyGUI 当前版本在Ue4不支持自定义遮罩，可以看setMask这个函数 这里没有实现了
FairyGUI
weixin_33950757的博客
10-28 211
学习资料、 官网 初学FairyGUI，对比NGUI FairyGUI中常用的方法，对比UGUI FGUI入门了解 a=arctan(y/x) 角度=弧度*180度/PI
fairygui 反向遮罩 遮罩区域内点击无效
最新发布
07-11
步骤1：创建遮罩层 - 创建一个组件（比如取名MaskLayer），作为遮罩层。添加一个全屏的矩形（颜色可以半透明，比如黑色半透明），作为遮罩背景。 - 在这个遮罩层上，添加一个子图形（比如圆形）作为挖空区域，...
FairyGUI 自定义遮罩
04-04
首先，在 FairyGUI 编辑器中创建一个 UI 节点，并将其属性中的 Mask Type 设置为 Image，这将使该节点成为一个遮罩层。然后，为该节点添加一个 Image 组件，并将其作为遮罩的图像。 接下来，我们需要编写脚本来指定...
FairyGUI CompositeMesh遮罩
04-04
FairyGUI CompositeMesh遮罩是一种在FairyGUI中使用的遮罩技术，用于在UI元素上创建复杂的遮罩形状。 CompositeMesh遮罩需要两个元素：一个是被遮罩的元素，另一个是用于遮罩的元素。在遮罩元素上，需要使用...
Unity FairyGUI 曲面UI 多功能界面 界面demo最全
11-28
Unity FairyGUI 资源包里面介绍了很多种常用非常用的界面美观的UI demo，其中囊括了曲面UI，多功能界面等，可以说是UnityUI 界面demo最全的资源包
FairyGUI 遮罩
04-04
1. 创建遮罩对象 在编辑器中创建一个遮罩对象，可以是任意的图形或组件，比如一个矩形或图片。 2. 设置遮罩层 将要被遮罩的对象或组件的 `mask` 属性设置为遮罩对象。 3. 调整遮罩对象的位置和大小 调整遮罩...
在 Unity 中使用 FairyGUI GList 制作 Spine 列表
木雁之的专栏
01-09 1182
项目中使用 FairyGUI 作为 UI 编辑器。在 Glist virtualList 中挂载 Spine 时，遇到了一些问题。经过历时1周的排查处理后，终于可以正常交付了。现将出现的问题、思考和解决方案记录下来。
fairygui 图片边缘模糊
qq_32354205的博客
12-27 1848
如果发现图片边缘有黑线之类的，可以考虑勾选 纹理的Alpha Is Transparency 但是同时也要注意 大佬的提醒： h 设置了alphaIsTransparency属性;或者在Unity的Inspector中,对纹理勾选这个选项,那么Unity会做什么事情呢? 如果有一张PNG图片, 95%的地方是全透明的,而在全透明的地方,RGB值是有意义的; 如果设置了alph...
【Unity之FairyGUI】FairyGUI元件详解
秩沅
05-17 1720
作为额外数据，可以通过代码来获取。
Unity笔记——FairyGUI
qq_55042292的博客
07-29 2412
平时一直用的都是Unity内部的UGUI来着，本来以为FairyGUI跟UGUI差不多，用了之后才发现完全不是一个等级的，FairyGUI用起来舒服多了，很多Unity内部处理比较麻烦的FairyGUI都封装好了代码和UI制作可参考官方demo。...
FairyGUI列表裁剪粒子
SendSI的专栏
04-02 2133
教程网址.https://www.fairygui.com/docs/unity/insert3d 这是原文:首先将列表转换为一个组件，在组件内拖入一个矩形图形覆盖列表的视口，然后将这个图形设置为组件的自定义遮罩。 这里分下步骤: 1.将列表转换为一个组件， 2.在组件内拖入一个矩形图形覆盖列表的视口 3.然后将这个图形设置为组件的自定义遮罩。 4.修改Shader文件 1.2.3的步骤 第4步,直接copy啦,有能力者自己再写的完美点 Shader "fgui_Particles/fgui_CutPa
Unity技巧总结02 GUI绘制 Loading遮罩
我想养只猫
09-21 501
直接上代码,有注释 public Texture _mask, _circle;//遮罩图片,旋转图片 private bool _isLoading = false;//运行标志 private float _uvCoord, _loadingTime = 5.0f;//旋转图片位置, Loading时间(过了自动停止) void LoadingAn
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值