尧图网络科技YAOTU DIGITAL 获取报价
获取报价
首页 / 资讯中心 / 文章详情

【Unity UGUI源码深度解析】 10|Mask与MaskableGraphic源码解析:Stencil如何实现嵌套UI遮罩

发布时间:2026/9/26 7:37:07

资讯中心
01
ARTICLE

【Unity UGUI源码深度解析】 10|Mask与MaskableGraphic源码解析:Stencil如何实现嵌套UI遮罩

【Unity UGUI源码深度解析】 10|Mask与MaskableGraphic源码解析:Stencil如何实现嵌套UI遮罩
《UGUI源码深度解析》第 10 篇 · 界面小组工作日志基准:Unity 2022.3.62f2c1 / 本地 UGUI 1.0.0。人物与项目情节为虚构;源码机制以本地实现为准。一、圆形头像,真的是把图片剪圆了吗?背包右上角需要一个圆形头像。阿澈找来圆形遮罩图,让头像成为它的子对象:“裁完以后,头像网格也变圆了吧?”通常没有。Mask 的主要工作不是重写子图形顶点,而是参与材质修改,通过 Stencil 控制像素能否通过测试。我们用一张纸打了个孔作比喻,然后立刻收回一点:GPU 并不真的拿纸覆盖画面。遮罩先向模板缓冲写入标记,后续图形按规则检查标记,只有符合条件的片段才能显示。二、两类组件,一写一读Mask 实现 IMaterialModifier,给自身 Graphic 提供写模板所需的材质。MaskableGraphic 也参与材质修改,让受遮罩影响的图形使用相应模板比较条件。Graphic.materialForRendering 会遍历材料修改器,所以调用 UpdateMaterial 时拿到的不一定是 Inspector 中原始 material。自定义 UI 若直接绕过这条链提交自己的材料,就可能失去遮罩支持。MaskUtilities 负责寻找排序边界和
02
RELATED NEWS

相关资讯

更多网站建设与数字化升级内容

03
WHY YAOTU

想打造同款高转化官网?

懂行业、懂生意,从建站到增长一站式陪跑

◈

场景化定制

不做模板站,围绕你的业务场景量身设计,小众不撞款。

◐

营销型架构

以转化目标组织内容与路径,让官网真正带来询盘。

▲

全周期服务

设计、开发、运营、运维一体,上线只是开始。

免费获取你的建站方案

留下需求,专属顾问 24 小时内为你输出方案建议。