zoukankan      html  css  js  c++  java
  • 关于 Unity UGUI 中修改 Mask 组件下 Image 等子节点组件的材质无效的问题

      前几天同事做了一个效果,希望在原本使用了遮罩组件 Mask 的技能图标(让技能图标变成圆形)上在添加一个置灰的功能,但问题来了:因为是动态根据游戏中玩家的条件才动态置灰,以修改 Mask 下子节点 Image 组件的材质来实现的,但是实际上怎么修改也不起作用,呈现出的效果都只停留在第一次运行时的样子。

      一开始我也以为是 shader 的问题,修改的 property 没有生效,但是通过各种测试发现 shader 是已经修改成功的了。就是没有应用上,在查阅了各方资料无效果的情况下只能翻阅 unity 托管在 BitBucket 上的 UI 源码了(赞一个)。

      先看看 Mask.cs,通过 StencilBuffer 实现遮罩,继承自 IMaterialModifier,需要实现接口:Material GetModifiedMaterial(Material baseMaterial); 这个接口是用来修改获取的材质来实现遮罩效果。在各种 MonoBehaviour 改变时都会通过 MaskUtilities 这个静态类来向所有的子节点发送 Stencil 状态改变的消息。

      所以想知道为什么材质效果总是维持在第一次启动执行时,就看看 Mask.OnEnable 里调用的 MaskUtilities.NotifyStencilStateChanged(this); 做了什么。

     1 public static void NotifyStencilStateChanged(Component mask)
     2 {
     3     var components = ListPool<Component>.Get();
     4     mask.GetComponentsInChildren(components);
     5     for (var i = 0; i < components.Count; i++)
     6     {
     7         if (components[i] == null || components[i].gameObject == mask.gameObject)
     8             continue;
     9 
    10         var toNotify = components[i] as IMaskable;
    11         if (toNotify != null)
    12             toNotify.RecalculateMasking();
    13     }
    14     ListPool<Component>.Release(components);
    15 }

      看以上代码可以得知,Mask 会调用所有子节点中继承自 IMaskable 组件(Image 继承 MaskableGraphic, MaskableGraphic 继承自此)的 RecalculateMasking() 函数。该函数将

     MaskableGraphic 中的  m_ShouldRecalculateStencil 修改为 true,这样当开始渲染时,每个组件都会被调用 GetModifiedMaterial 以返回一个适用于当前渲染的 材质(有可能会返回一个修改过的拷贝),当 Imange.m_ShouldRecalculateStencil = true 时,会在 GetModifiedMaterial 中返回一个支持 Stencil 的修改过的材质,用于实现 Mask 遮罩效果,所以问题也很明了了,修改 Mask 下的 Image 组件原始的材质是不起作用的,因为实际渲染使用的不是它。

      那么如何修改?只需要自己继承一个比如 Image 组件,并重载 GetModifiedMaterial 方法,将基类返回材质保存即可,这就是实际渲染使用的材质,当你想修改置灰时,使用这个材质即可。代码如下:

     1 public class CustomImage : Image
     2 {
     3     public override Material GetModifiedMaterial(Material baseMaterial)
     4     {
     5         Material cModifiedMat = base.GetModifiedMaterial(baseMaterial);
     6         // Do whatever you want with this "cModifiedMat"...
     7         // You can also hold this and process it in your grayscale code.
     8         // ...
     9         return cModifiedMat;
    10     }
    11 }

      也可以去看看我在 Unity Answer 上对于该问题的回答:http://answers.unity3d.com/questions/1130203/ui-mask-override-my-shaders-custom-property.html

  • 相关阅读:
    CF1343E-Weights Distributing (最短路)
    科大讯飞杯-日期小助手(补)
    网络15软工个人作业5——软件工程总结
    软工网络15个人作业4——alpha阶段个人总结
    软件工程网络15个人作业3——案例分析
    软工网络15结对编程练习
    软工网络15个人阅读作业2——提问题
    软件工程网络15个人阅读作业1(201521123052 蓝锦明)
    Java课程设计 购物车系统(个人博客) 201521123052 蓝锦明
    201521123052 《Java程序设计》 第14周学习总结
  • 原文地址:https://www.cnblogs.com/yaukey/p/unity-ui-mask-override-children-image-material.html
Copyright © 2011-2022 走看看