跳到主要内容

封装Fx

在逻辑搭建中,我们经常会提炼出一些通用的逻辑,这些逻辑可以被多次复用,这时候我们就可以使用 Fx 来封装这些逻辑。

创建 Fx

在交互视图的左侧,我们可以通过「Fx」或者「全局 Fx」来创建 Fx 卡片。根据创建的位置不同,可以创建全局 Fx、页面级 Fx、作用域级 Fx等。

Alt text

在 Fx 卡片中搭建逻辑时需要注意的是,连接 UI 组件等时,需要在交互弹窗面板的左上角切换「全局、主场景、作用域」等区域。

alt text

为 Fx 添加配置项

聚焦到 Fx 卡片,在编辑器中可以看到「添加配置项」、「添加输出项」等两个按钮。点击按钮,我们可以为 Fx 添加对应的配置项和输出项。

alt text

此时我们在交互画布中连线上 Fx 即可看到右侧的编辑项和节点的输出项。

alt text

至此,我们便完成了一个逻辑组件的封装和使用。