事件按钮

EventButton提供了事件自定义，当你需要一个按钮可以调用自己设置的函数时，可以选择它,它需要传入至少一个[ViewObject]和一个事件才能正常工作。

EventButton class

constructor

方法类型描述
constructor(option:EventButtonOption)构造函数

Example

这个例子是将一个EventButton安装在矩形组件被并通过控制器添加到画布内,并且在点击close me时控制台会输出"close"。


        const rect=new Rectangle({
            width:100,
            height:100,
            decoration:{
                backgroundColor:"orange",
            }
        });
        const eventButton=   new EventButton({
                child: new TextBox("close", {
                    fontSize: screenUtil1.setSp(13),
                }),
                onClick: () => {
                    console.log("close");
                },
                alignment: Alignment.topRight,
                icon: new CloseIcon(),
            });
        rect.installButton(eventButton);
        controller.load(rect);
        controller.center(rect);

目前它是实验性的，且它的事件无法被序列化，解决方案可通过在解析拦截函数内通过id重新设置事件