Unity3D开发（二）：NGUI之UIButton"禁用"状态时置灰

最新推荐文章于 2024-06-14 16:06:50 发布
最新推荐文章于 2024-06-14 16:06:50 发布
阅读量3.8w 收藏 17
点赞数 5
分类专栏： Unity3D开发 Unity3D开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oneRain88/article/details/12197277
版权
本文探讨了Unity3D中NGUI的UIButton在禁用状态下无法正确显示灰色的问题。通过分析Shader工作原理，指出NGUI默认的变暗效果并不理想。作者提出通过修改Shader，在遇到特定颜色时渲染灰色纹理的解决方案，避免了因禁用状态增加额外纹理导致的资源浪费。最终展示了修改后的Shader成功实现了预期的灰色效果。
摘要由CSDN通过智能技术生成

NGUI中的Button几乎是最常用到的控件之一，并且可以组合各种组件（比如UIButtonColor，UIButtonOffset，UITweenxx），方便设置Button的各种状态下的属性，几乎可以满足我们的所有需求。

但是对于当Button的isEnabled属性设置为false时，根据设置的disableColor属性设置不可点击时的颜色时，虽然我们设置的灰色，但并不是我们想象中的样子！


设置的是灰色，实际运行结果却还是彩色的，只是暗了一点，并不能够很好地表现出其“禁用”的状态！


1.原理

Unity3d中所有的渲染都是基于Shader的，而Shader绑定在Material上，打开一个NGUI例子中自带的Material，得到其使用Shader的文件

NGUI中

最低0.47元/天 解锁文章
oneRain
关注
  • 5
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
Unity的UGUI置灰(TMP、Image、RawImage、Spine动画)
qq_44273810的博客
10-26 1295
Unity的UGUI置灰(TMP、Image、RawImage、Spine动画)
Unity - UGUI 图片置灰 Shader
12-11
在Shader 使用在 Unity UGUI 的 图片上，图片选择该Shader，图片将显示会灰白色
Unity实现灰屏效果
最新发布
xzj183的博客
06-14 354
【代码】Unity实现灰屏效果。
[Shader]NGUI与灰化
游戏开发者
05-04 1万+
1、灰化的需求很多時候，我们做游戏会遇到一种情况。比如一个技能图标，可以点的时候是正常的颜色，不能点的时候是灰色的。又比如一个功能，开放的时候是正常颜色，没开放的时候是灰色的。更常见的就是，比如你的QQ好友，不在线头像也会变成灰色的。那么，上述种种情况就出现了一种需求，把一个图片变成灰色的。2、说说灰化与灰度首先，你不能说让美术出两套图，一套彩色一套灰色的吧。这样会增加资源占用。那么我们只能想办法
Unity3d 图片Image置灰shader
枫叶的博客
06-29 1364
置灰公式: value=color.r x 0.299 +color.g x 0.587 + color.b * 0.114。
unity技巧之图片置灰
C_yuxuan的博客
03-21 1773
unity 图片置灰
Unity3D开发（七）：NGUI之UICamera控制触摸，鼠标事件
热门推荐
oneRain88的专栏
02-07 3万+
先给论坛做个广告：点击打开链接 1. UICamera 功能介绍 主要包括UI事件的监听，分发，覆盖范围为此Camera渲染的所有GameObject。 事件源包括：鼠标，触摸，键盘，手柄。 事件包括：悬停，按下/抬起，选中/取消选中，点击，双击，拖拽，释放，文本输入，Tips显示，滚轮滑动，键盘输入。   2. UICamera 实现流程 （1）属性   Event T
Unity3d_NGUI和UGUI的学习
lfh719852029的博客
06-26 8827
由于之前刚入门的时候，应Unity3d整体发展的要求我们自学了UGUI(相对来说UGUI比NGUI做得更好一些，后面会有2者对比)，但是后来公司要求使用NGUI，所以我这边把之前学习UGUI（不全，当时资源有限）和NGUI的学习心得什么的整理一下。学习UI，基础差的看一些教程，基础好的可以直接查看官方案例，根据案例上的相关功能自己做，有什么不懂的参数或者小知识网上问一下，向他人请教也是可以的。
Unity与C++网络游戏开发实战：基于VR、AI与分布式架构 【3.6】
qq_43416206的博客
05-06 1030
比如，一个300像素的物体，占用了1920分辨率屏幕的25％的百分之宽度，当把分辨率降低或者放大的时候，它所占用的宽度比依然相同，它会随着屏幕分辨率的改换而进行放大和缩小。（3）在Hierarchy中将刚才创建的对象添加到聊天ScrollView下面，成为子对象，并且调整相对的位置和UIPanel的显示效果，就可以完成静态功能的编辑了。UIButton是按钮组件，这是NGUI里面最重要，也是使用最多的一个控件，它处理了大部分的UI的单击事件，并且为系统的功能反应提供了最基本的入口。
Unity实现图片生成灰白图的方法
01-20
本文实例为大家分享了Unity生成图片灰白图的具体代码，供大家参考，具体内容如下 效果 原图 生成出来的灰白图 制作方法 把文章末尾的的TextureUtils.cs脚本放到工程的Assets / Editor目录中 然后选中项目中的一张图片，然后点击菜单Tools / GenGrayTexture 就会在同级目录中生成灰白图片了 // TextureUtils.cs using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEditor; using Syste
UI界面置灰效果
04-28
游戏开发级别，UI界面置灰效果，针对于各种类型的置灰状态都可以进行调整，希望对你有所参考
可以使图片变灰色的Shader
06-29
这个shader是自己简单写的，上次给美即做的一个程序用到了，所以在这里分享给大家，可以帮你的图片颜色去掉色彩变成黑白照。
unity ugui灰化shader
09-29
将改shader应用到unity ugui的image或rawimage，图片将会被灰化
NGUI离线文档
12-09
NGUI是一个用户界面系统，专为Unity3D设计，它提供了丰富的UI组件和工具，使得开发者能够在2D和3D环境中创建出交互性强、视觉效果良好的游戏界面。这份离线文档是开发者在没有网络连接时获取NGUI相关知识的重要资源...
ui unity 图片高亮_Unity5 UI图片变灰处理（UGUI）（二）
weixin_35757736的博客
01-14 331
图片“变灰”处理是再寻常不过的要求了，特别按钮，头像等UI图片的“变灰”处理非常常见。比如：网上已经有很多的实现方法，但是Unity5.3.8以后，对于使用sprite packer，并将包含透明通道的图片进行etc1格式压缩的图集来说，稍微有些不一样。新的uishader中，加入了[PerRendererData] _AlphaTex("Sprite Alpha Texture", 2D) = ...
Unity5 UI图片变灰处理（UGUI）（二）
weixin_30295091的博客
04-19 501
图片“变灰”处理是再寻常不过的要求了，特别按钮，头像等UI图片的“变灰”处理非常常见。比如： 网上已经有很多的实现方法，但是Unity5.3.8以后，对于使用sprite packer，并将包含透明通道的图片进行etc1格式压缩的图集来说，稍微有些不一样。新的uishader中，加入了 [PerRendererData] _AlphaTex("Sprite Alpha Texture", 2D)...
Unity3D内置着色器完成图片变灰色的效果
Nice_66的博客
07-19 1302
在Shader上加入    float gray = dot(color.rgb, float3(0.299, 0.587, 0.114));     color.rgb = float3(gray, gray, gray);
Unity游戏开发：NGUI组件实战指南
"NGUI for Unity 是一本专注于Unity中NGUI组件使用的书籍，提供PDF格式的英文版。本书旨在帮助读者快速掌握NGUI组件，并利用这些知识创建引人入胜的2D科幻游戏。作者是Charles Bernardoff，由Birmingham-Mumbai的...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值