UI构建器

注意事项

  1. fdf名字地图内需保证唯一 请在创建第一个frame节点前确定fdf名字
  2. 每个节点的id即是frame的name 也需保证地图全局唯一
  3. 通过触发事件设置的代码可能会依赖其他节点的id
  4. 推荐在创建frame就确定好id 创建后不要轻易修改
  5. 添加点击事件会新增代码逻辑到已有的点击逻辑代码里去
  6. 选择节点时按住shift ctrl 可多选。

frame引用

所有通过tsx创建的ui都可以在渲染执行后 通过React.data.${id}获取到节点的属性

如获取id为"sui_a"的相关节点属性:

React.data.sui_a.visible //获取节点的可见属性 注意这个visible是由用户手动维护的 即用户改变节点可见时 请手动改变此值 以保证此值的准确性

React.data.sui_a.ref.current //获取节点的frame handle

自动刷新

当ts、tsx代码修改后会自动触发游戏重新加载脚本。

基础说明

fdf文件名随便取只要不和地图已有的fdf一样就行

id 就是frame的name

父节点如果为游戏UI则选空

按住Ctrl键可以多选Frame进行对齐等排版操作

鼠标滚轮可以放大缩小UI

按住shift 可以调整高度

按住alt 可以调整宽度

文本输入框可以鼠标滚轮点击、点击后会打开更大的文本域以方便输入

设计完点击生成fdf

默认描点为左下角 (子元素也是左下角相对于父元素的左下角)!

保存地图即可!

生成初始化脚本

在太阳TS模板下 可使用此按钮一键生成对应的TS触发

此触发能配合fdf的内容直接显示到游戏里