《Unity》建立遮罩和让某个按钮高亮的方法

最新推荐文章于 2025-10-18 18:03:30 发布
原创 最新推荐文章于 2025-10-18 18:03:30 发布 · 2.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #游戏引擎 #引导系统

本文介绍了如何在UI设计中通过设置orderLayer实现遮罩image的层级最高，以及如何为特定按钮添加Canvas、GraphicRaycaster等组件以实现高亮效果，包括设置OverrideSorting和调整layer大小的方法。

在这里插入图片描述
遮罩：整个mask 黑色一点的图片在UI上面，不需要特别指定这个遮罩image的位置，通过设定orderLayer的方法让这个image的层级最高即可
高亮：找到那个按钮，给那个按钮添加Canvas,GraphicRaycaster,设置OverrideSorting,然后设置个比mask 更大的layer就行了。

2024年Unity 面试题 |五萬字 二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】
努力前行，总会成为自己心中的那道光
02-23 16万+
正所谓 金三银四 ，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。 那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！ 本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！
【推荐100个unity插件】模型和预制件图标生成器/创建器——apidIcon
最新发布
向宇
10-24 1154
RapidIcon是一款Unity编辑器内的图标生成插件，可快速创建和编辑模型、预制件的图标。用户通过文件夹选择目标对象后，可在交互式界面中调整对象位置、摄像机角度、光照等参数，并支持添加后期处理效果。插件提供批量编辑功能，允许同时处理多个图标，最后可自定义分辨率导出。操作包含旋转视图、缩放等交互控制，并支持动画片段选择。RapidIcon还提供预设保存、数据清除等实用工具，建议在简单场景中使用以获得最佳性能。
unity中高光高亮
06-14
这是一款unity的高光高亮插件，效果非常不错，包含渐变过程和demo
Unity用Shader实现UGU i图片边缘选中高亮
lq1340817945的博客
06-10 1705
Unity用Shader实现UGU i图片边缘选中高亮
Unity 自定义轻量柔和遮罩（Soft Mask）实现详解【含源码 + 原理】
qq_41709126的博客
10-18 1032
Unity游戏开发，解决内置Mask组件处理地图遮罩类似场景时出现边缘锯齿的问题
Unity实现UI光晕效果（发光效果）
08-25
主要为大家详细介绍了Unity实现UI光晕效果，发光效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
unity3d ngui3.7 新手引导遮罩和高亮实现
bszk81340089的专栏
08-15 8536
总结出两种方法： 1.克隆需要高亮和点击的控件 在需要引导的界面（一个panel），弹出引导界面（panel），此时引导界面覆盖其上，引导界面有一层半透明遮罩，遮罩上加boxcollider，屏蔽下层事件。 需要加引导的界面： 加引导以后的界面： 现在的关键就是将panel面板中的引导按钮高亮可点。将脚本挂到PanelGuide using UnityEngine ;
Unity 关于Button无法高亮的问题
不在同一频道上的呆子的博客
07-16 613
Unity 关于Button无法高亮的问题
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程.Part1
热门推荐
空名先生
03-19 1万+
FairyGUI简介导读 她提供了超强的UI编辑器，界面操作与PS类似，友善且简单。主打的是摒弃了脚本和配置文件这些需要代码思维的操作，设计或者美术都可以轻轻松松学会并生产界面。 能实现功能非常之多：最基本的按钮，图片，富文本，进度条，滑动条，列表，树 进阶的有动画，控制器，关联系统，装载器，窗口，动效 支持的引擎也非常之多：Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戏引擎 通过简单的操作来实现复杂的功能，提高开发效率，UI 制作效率提升昂...
Unity角色控制及Animator动画切换如走跑跳攻击全流程详解
xiaobao4106的专栏
09-26 1044
Unity角色控制及 1 一、 概念 1 1、角色控制 1 1） CharacterController(角色控制器) 1 2） CapsuleCollider + Rigidbody（使用物理刚体控制） 4 2、角色动画-Animation、Animator 4 1） 旧版动画系统 4 2） 新版动画系统 5 动画系统的各个部分是如何连接在一起的 6 二、 DEMO案例 6 1、 制作案例前的Animator动画素材的制作 6 1） 将带动画的fbx导入Unity，完成基本设置 6 2） 关联所有的动作到
【Unity之FGUI】Fairy GUI一篇四万字详解，快来收藏~！
秩沅
06-13 6866
>**FairyGUI是一款用于创建用户界面的UI编辑器和引擎**它提供了丰富的UI组件、动画效果、布局管理、事件处理等功能，能够快速构建各种复杂的用户界面。 **FairyGUI具有跨平台的特性**，支持主流的桌面、移动平台以及网页应用程序。它的编辑器提供了可视化的界面设计工具，用户可以通过拖拽和配置属性来创建和调整UI元素。同时，FairyGUI还提供了强大的动画编辑功能，可以创建丰富的过渡效果和交互动画。 **FairyGUI还具备良好的性能表现**，它使用了高效的渲染技术和资源压缩算法，能够
高亮插件效果模型高光闪烁（Unity3d）
02-21
高光插件，支持各种模型高亮效果，使用相机后处理边缘高光特效
Unity UI Soft Mask - 实现Sprite精灵遮罩
12-03
资源非插件，直接解压后将文件夹放入项目中，即可给对应的游戏对象添加“SoftMask”组件。最新版本资源，unity专用
在UNITY中按钮的高亮用POINT灯实现，效果别具一番风味
weixin_30348519的博客
07-20 278
在UNITY中按钮的高亮用POINT灯实现，效果别具一番风味 转载于:https://www.cnblogs.com/jiahuafu/p/7209860.html
ui unity 图片高亮_Unity5 UI图片变灰处理（UGUI）（二）
weixin_35757736的博客
01-14 403
图片“变灰”处理是再寻常不过的要求了，特别按钮，头像等UI图片的“变灰”处理非常常见。比如：网上已经有很多的实现方法，但是Unity5.3.8以后，对于使用sprite packer，并将包含透明通道的图片进行etc1格式压缩的图集来说，稍微有些不一样。新的uishader中，加入了[PerRendererData] _AlphaTex("Sprite Alpha Texture", 2D) = ...
ui unity 图片高亮_unity场景物体选取突出显示图像边缘高亮插件Hierarchy Plus 1.9i
weixin_30151653的博客
12-24 729
unity场景物体选取突出显示图像边缘高亮插件Hierarchy Plus 1.9i所支持的Unity版本:5.5.0 及以上版本Hierarchy Plus expands the original plain Gameob ject tree in Hierarchy Window with many essentialfeatures.SceneView Highlight and Pick...
Unity UGUI Button组件，高亮状态。
weixin_30502965的博客
05-08 1565
制作按钮的过程中，发现鼠标点下按钮离开后，按钮还是处于Highlighted状态，只有再点击一次其他地方，按钮才会回复正常的状态。而我们想要的是鼠标离开按钮后恢复原有的状态。解决的方法就是把Navigation设置成None 转载于:https://www.cnblogs.com/betterworld/p/6826099.html...
[Unity]一个简单便捷的UI高亮动画编辑器
_阿松先生的博客
10-25 1128
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using DG.Tweening; namespace Hs { public enum HighLightingMode { Color, Sprite, } [System.Serializable] .
在JS弹出的遮罩层中，部分区域高亮显示并且可以编辑
u010249858的博客
11-13 1326
1. 初始页面效果如下所示： [img]http://dl.iteye.com/upload/attachment/0076/5087/56e355c2-5618-35f0-81b1-56b619ea5740.png[/img] 2. 点击“点击一下试试！”链接后，页面效果如下所示： [img]http://dl.iteye.com/upload/attachment/0076/5089/2...
Unity实现Sprite精灵软遮罩的简单方法
Unity UI Soft Mask实现的是一个组件，这个组件可以让Unity中的Sprite精灵实现软遮罩效果。根据提供的文件信息，这个资源是为Unity专门制作的，并且是直接使用的，无需插件支持，用户只需要将其解压缩，并将相应的...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JustEasyCode

谢谢您

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值