Logo
    打开 Gandi IDE
    Gandi IDE 🧑‍💻 开发者中心 @ 共创世界

    Designed by 2ndR with love @ Chengdu

    Tencent QQGitHub
    高级代码整理
    🧹

    高级代码整理

    💡返回博客
    ‣
    更多链接

    从这里开始

    🖖关于 Gandi IDE✨最新更新

    如何用好 Gandi

    🔫功能介绍🔥最佳实践📚扩展文档🖥️客户端

    开发者相关

    🗺️开发计划💬反馈公示💡开发博客🧑‍💻参与开发©️版权&致谢

    什么是高级代码整理?

    高级代码整理工具可以帮助使用 Gandi IDE 的创作者更好的管理自己的创作脚本区,让代码更加规范可读,提升编辑效率,核心有以下 2 个功能

    1. 支持在脚本区创建多个代码框,用于放置同类型或同模块代码
    image
    1. 支持矩阵方式整理代码以及代码框
    image

    可以解决什么问题?

    1. 脚本区铺满代码,杂乱无序,一个角色的不同模块、不同功能代码无法有效区分,代码阅读难度较大
    image
    1. 代码整理只能依次向下排列,翻找代码十分不便
    image

    如何使用?

    1. 创建代码框

    代码块所有 Gandi 用户均可使用,创建角色后,在脚本选择区可通过鼠标右键菜单 ——> 选择创建代码框,当鼠标变成十字形,在脚本区按住鼠标左键拖动,即可绘制一个代码框

    PS:鼠标点击脚本区空白区域,按下按键“A”,即可快捷创建代码框

    2. 放入需要整理的代码

    可以将一个代码块理解成一个大组,直接将需要的代码放入代码框即可;创建代码时,框选到的代码也会自动放入代码框内

    PS:当代码的左上角顶点在框内,则判定该代码属于代码框

    3. 操作代码框

    1)选中代码框

    • 代码框的操作逻辑同积木块(可将代码框看做是一个超大的积木块),因此可点击代码框名称直接选中
    • 代码框支持框选工具框选

    2)调整代码框大小

    点击代码框名称,进入选中状态,当代码框四个角出现正方形调整块,鼠标左键点击拖动即可调整代码框大小

    3)移动

    • 拖动代码框名称可直接移动
    • 代码框进入选中状态,拖动代码框空白区域可移动
    • 使用批量框选工具框选完整代码框,可批量移动多个代码框和积木块

    4)复制

    代码框的复制方式同积木一致,主要有:

    • 右键菜单复制
    • Ctrl+C / Ctrl + V
    • Alt 键快捷复制(若开启)

    5)删除

    • 在代码框空白处右键,唤起菜单后点击删除,即可删除当前代码框
    • 选中代码框后,直接按“删除”键即可删除

    6)整理

    将原有的竖向整理更改为了矩阵整理

    • 在脚本区空白处右键菜单中,选择【代码整理】,脚本区中所有的积木和代码框都将按照矩阵方式排列(注意:代码框内的积木不受影响)
    • 若想要整理代码框内的积木,则在代码框空白区右键菜单中进行整理即可

    7)重命名代码框

    双击代码框名称,即可进入名称编辑状态,编辑完成后,点击空白区域即可完成名称更改,你可以将根据代码框的类型进行命名,如:初始化、移动控制、算法等

    8)设置代码框颜色

    为了便于区分,你可以根据自己的喜好或功能分类,为每个代码框设置背景颜色,点击代码框名称前的颜色小圆点即可更改背景色

    PS:后续可能为Gandi 脚本区增加代码鸟瞰小地图,届时代码框颜色就是重要的标识

    9)锁定代码框

    锁定

    当一个模块的代码已经完成编写后,为了防止误删等意外情况发生,可选中代码框后,点击右上角小锁按钮,将该代码框进行锁定,被锁定代码框将具有以下特性

    • 框内积木仅参与程序运行
    • 代码框及内部积木无法被选中或框选
    • 代码框及内部积木无法添加、更改、删除、复制等操作

    解锁

    锁定状态下,点击代码框右上角小锁按钮,即可解锁

    3. 代码框有哪些特性?

    1. 代码框之间不可嵌套
    2. 代码框仅支持在 Gandi 中使用,将工程导入到其他编辑器,保存后再导入 Gandi 可能导致代码框丢失

    案例展示

    image
    关于 Gandi 有任何功能建议或反馈可以联系产品汪
    icon
    产品汪

    共创世界 开发团队产品经理。在 Gandi IDE 团队参与功能设计。

    ✉️ zhanglinxin@ccw.site | 个人主页 | 泡泡:Lincon | QQ:30147079 |

    <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>

    本页索引

    • 什么是高级代码整理?
    • 可以解决什么问题?
    • 如何使用?
    • 1. 创建代码框
    • 2. 放入需要整理的代码
    • 3. 操作代码框
    • 1)选中代码框
    • 2)调整代码框大小
    • 3)移动
    • 4)复制
    • 5)删除
    • 6)整理
    • 7)重命名代码框
    • 8)设置代码框颜色
    • 9)锁定代码框
    • 3. 代码框有哪些特性?
    • 案例展示