青瓷引擎内置组件番外篇之节点遮罩组件
作者：hzc 来源：绿软联盟 发布时间：2016-3-2 17:36:36
文章正文
青瓷引擎内置组件番外篇之节点遮罩组件qc.NodeMask，用来对方节点的子孙进行裁剪显示。绿盟小弟通过裁切模式、通道图遮罩案例两方面为您详细讲解。
nodeMask = node.addScript('qc.NodeMask');
- 裁切模式
矩形遮罩： 只显示指定节点大小的矩形范围，超出矩形区域不显示
nodeMask.mode = qc.NodeMask.MODE_DEFAULT;
通道图遮罩： 使用一张图片作为遮罩，透明或图片范围外的区域被裁切
nodeMask.mode = qc.NodeMask.MODE_PIXEL;
- 通道图遮罩案例
构建两个UIImage，父亲为QICI，孩子为Sun
在父亲节点上通过添加"UI/NodeMask"组件
在Inspector上将NodeMask组件的"Clip Mode"属性设置为"Pixel"
文章来自绿盟(xDowns.com)转载请注明来路。
上一篇文章：青瓷引擎内置组件番外篇之调试信息显示 []
相关文章
· 青瓷引擎内置组件番外篇之调试信息显示· 青瓷引擎内置组件番外篇之节点图片缓存
· [图文] 细数那些鲜为人知的青瓷引擎组件之TransitionBehaviour行为组件
· 青瓷引擎表格布局番外篇之水平与垂直布局
· [图文] 青瓷引擎如何进行表格布局 青瓷引擎表格布局相关教程
· 青瓷引擎如何利用布局组件来实现适配宽高比
· 青瓷引擎qc.Graphics几何绘图组件接口功能一览
· 青瓷引擎UI组件怎么用之Dom节点
· [图文] 青瓷引擎UI组件怎么用之瓦片地图
· [图文] 青瓷引擎UI组件怎么用之下拉框