mirror of
https://github.com/blanking003/cx-cocos.git
synced 2024-12-26 11:49:01 +00:00
80 lines
2.2 KiB
TypeScript
80 lines
2.2 KiB
TypeScript
|
||
import {_decorator, Component, Node, Rect} from 'cc';
|
||
const {ccclass} = _decorator;
|
||
|
||
@ccclass('cxui.nativeMask')
|
||
class CxuiNativeMask extends Component
|
||
{
|
||
maskName?: string;
|
||
maskRect?: Rect;
|
||
monitorNode?: Node;
|
||
monitorNodePriorX?: number;
|
||
init (page: Component, node: Node, x: number, y: number, width: number, height: number): string
|
||
{
|
||
if (!cx.os.native)
|
||
return "";
|
||
this.maskName = "cxNativeMask" + (++cx.uid);
|
||
this.maskRect = cx.convertToDeviceSize(node, x, y, width, height);
|
||
cx.native.ins("cx.mask").call("createMask", [this.maskName, this.maskRect.x, this.maskRect.y, this.maskRect.width, this.maskRect.height]);
|
||
return this.maskName;
|
||
}
|
||
|
||
onEnable ()
|
||
{
|
||
this.maskName && cx.native.ins("cx.mask").call("setMaskVisible", [this.maskName, true]);
|
||
}
|
||
|
||
onDisable ()
|
||
{
|
||
this.maskName && cx.native.ins("cx.mask").call("setMaskVisible", [this.maskName, false]);
|
||
}
|
||
|
||
onDestroy ()
|
||
{
|
||
this.maskName && cx.native.ins("cx.mask").call("removeMask", [this.maskName]);
|
||
}
|
||
|
||
//设置监控节点，mask的宽度将随着node的x位置改变，不遮挡住node
|
||
//todo: 目前仅实现横向不遮挡，对于底部上升的纵向node未处理
|
||
setMonitorNode (node: Node)
|
||
{
|
||
this.monitorNode = node;
|
||
this.monitorNodePriorX = node.getPosition().x;
|
||
}
|
||
|
||
setMaskSize (width: number, height: number)
|
||
{
|
||
this.maskName && cx.native.ins("cx.mask").call("setMaskSize", [this.maskName, width, height]);
|
||
}
|
||
|
||
setMaskMask (x: number, y: number, width: number, height: number, radius: number)
|
||
{
|
||
this.maskName && cx.native.ins("cx.mask").call("setMaskMask", [this.maskName, x, y, width, height, radius]);
|
||
}
|
||
|
||
clearMaskMask ()
|
||
{
|
||
this.maskName && cx.native.ins("cx.mask").call("clearMaskMask", [this.maskName]);
|
||
}
|
||
|
||
update ()
|
||
{
|
||
if (!this.maskName)
|
||
return;
|
||
if (this.monitorNode)
|
||
{
|
||
if (!this.monitorNode.active)
|
||
{
|
||
this.monitorNode = undefined;
|
||
return;
|
||
}
|
||
if (this.monitorNodePriorX == this.monitorNode.getPosition().x)
|
||
return;
|
||
this.monitorNodePriorX = this.monitorNode.getPosition().x;
|
||
var p = cx.convertToDeviceSize(undefined, this.monitorNodePriorX, 0);
|
||
var width = Math.min(this.maskRect!.width, Math.max(0, p.x - this.maskRect!.x));
|
||
this.setMaskSize(width, this.maskRect!.height);
|
||
}
|
||
}
|
||
}
|