做过App Inventor 2项目的人都有这个体验：项目越做越大，逻辑积木越来越多，Screen上的Blocks堆成一座小山。想找个特定的积木块？只能在小地图里来回拖拽，像大海捞针一样。

代码大纲（Code Outline）功能正是为解决这个问题而生。

什么是代码大纲？

代码大纲是App Inventor 2中文网最新推出的开发效率功能。它以树状结构展示当前Screen中所有积木块的组织概览，让你一眼看清项目的逻辑全貌。

简单来说，就是给你的App代码加了一个"目录导航"。

三大核心能力

1. 结构化大纲，全局一览

打开代码大纲面板后，所有积木块按照组件和事件类型自动分类排列。无论你的项目有10个积木还是100个积木，大纲都能让你秒速掌握整体结构。

不再需要反复滚动Blocks编辑区去"回忆"自己写了什么——大纲就是你的代码地图。

2. 双击定位，精准跳转

大纲中看到目标积木块后，双击即可定位到对应的Blocks区域。

这在大型项目中堪称救命功能：

• 组件多、事件多的Timer逻辑？双击定位
• 嵌套层级深的If/Else判断？双击定位
• 跨组件的过程调用（Procedure）？双击定位

从"滚动寻找"到"双击直达"，效率提升不是一个量级。

3. 搜索联动，引用全掌控

代码大纲内置搜索功能，输入关键词即可过滤显示相关积木块。

这个能力在以下场景特别实用：

• 变量追踪：搜索变量名，快速查看它在哪些事件中被引用
• 组件排查：搜索组件名，定位该组件的所有事件处理块
• 逻辑审查：搜索过程名，理清调用链路

对于需要维护他人项目的开发者，或者回头修改自己几个月前代码的人来说，搜索联动功能价值连城。

细节设计：无级透明度调节

代码大纲面板支持无级调整透明度——不是简单的"显示/隐藏"二选一，而是可以精确控制面板的透明程度。

需要看清大纲内容？调高不透明度。需要同时查看底层积木？调低透明度让面板半透明。两者之间的任何比例都可以自由设置。

面板还会自动记住弹窗状态和弹窗位置。关闭后再次打开，面板会恢复到你上次使用的透明度和位置，无需重复调整。

这些细节看似微小，但在日常开发中反复使用时，能省下大量操作成本。

适用场景

如何体验？

代码大纲功能已在**App Inventor 2中文网（www.fun123.cn）**上线，登录平台即可在Blocks编辑器中使用。

App Inventor 2 中文网持续为开发者提供更好的积木编程体验。代码大纲只是开始，更多提效功能正在路上。

网址：https://www.fun123.cn

社区：https://bbs.tsingfun.com