💡返回博客
‣
什么是高级代码整理?
高级代码整理工具可以帮助使用 Gandi IDE 的创作者更好的管理自己的创作脚本区,让代码更加规范可读,提升编辑效率,核心有以下 2 个功能
- 支持在脚本区创建多个代码框,用于放置同类型或同模块代码
- 支持矩阵方式整理代码以及代码框
可以解决什么问题?
- 脚本区铺满代码,杂乱无序,一个角色的不同模块、不同功能代码无法有效区分,代码阅读难度较大
- 代码整理只能依次向下排列,翻找代码十分不便
如何使用?
1. 创建代码框
代码块所有 Gandi 用户均可使用,创建角色后,在脚本选择区可通过鼠标右键菜单 ——> 选择创建代码框,当鼠标变成十字形,在脚本区按住鼠标左键拖动,即可绘制一个代码框
PS:鼠标点击脚本区空白区域,按下按键“A”,即可快捷创建代码框
2. 放入需要整理的代码
可以将一个代码块理解成一个大组,直接将需要的代码放入代码框即可;创建代码时,框选到的代码也会自动放入代码框内
PS:当代码的左上角顶点在框内,则判定该代码属于代码框
3. 操作代码框
1)选中代码框
- 代码框的操作逻辑同积木块(可将代码框看做是一个超大的积木块),因此可点击代码框名称直接选中
- 代码框支持框选工具框选
2)调整代码框大小
点击代码框名称,进入选中状态,当代码框四个角出现正方形调整块,鼠标左键点击拖动即可调整代码框大小
3)移动
- 拖动代码框名称可直接移动
- 代码框进入选中状态,拖动代码框空白区域可移动
- 使用批量框选工具框选完整代码框,可批量移动多个代码框和积木块
4)复制
代码框的复制方式同积木一致,主要有:
- 右键菜单复制
- Ctrl+C / Ctrl + V
- Alt 键快捷复制(若开启)
5)删除
- 在代码框空白处右键,唤起菜单后点击删除,即可删除当前代码框
- 选中代码框后,直接按“删除”键即可删除
6)整理
将原有的竖向整理更改为了矩阵整理
- 在脚本区空白处右键菜单中,选择【代码整理】,脚本区中所有的积木和代码框都将按照矩阵方式排列(注意:代码框内的积木不受影响)
- 若想要整理代码框内的积木,则在代码框空白区右键菜单中进行整理即可
7)重命名代码框
双击代码框名称,即可进入名称编辑状态,编辑完成后,点击空白区域即可完成名称更改,你可以将根据代码框的类型进行命名,如:初始化、移动控制、算法等
8)设置代码框颜色
为了便于区分,你可以根据自己的喜好或功能分类,为每个代码框设置背景颜色,点击代码框名称前的颜色小圆点即可更改背景色
PS:后续可能为Gandi 脚本区增加代码鸟瞰小地图,届时代码框颜色就是重要的标识
9)锁定代码框
锁定
当一个模块的代码已经完成编写后,为了防止误删等意外情况发生,可选中代码框后,点击右上角小锁按钮,将该代码框进行锁定,被锁定代码框将具有以下特性
- 框内积木仅参与程序运行
- 代码框及内部积木无法被选中或框选
- 代码框及内部积木无法添加、更改、删除、复制等操作
解锁
锁定状态下,点击代码框右上角小锁按钮,即可解锁
3. 代码框有哪些特性?
- 代码框之间不可嵌套
- 代码框仅支持在 Gandi 中使用,将工程导入到其他编辑器,保存后再导入 Gandi 可能导致代码框丢失
案例展示
关于 Gandi 有任何功能建议或反馈可以联系产品汪
<iframe
width="100%"
height="800px"
scrolling="no"
src="https://www.ccw.site/embed?id=post/advanced-code-tidying&type=comment"
title="Advanced code tidying"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowFullScreen
></iframe>