gui界面

menu-bar

顶层蓝框(有sratch图标,可选语言)区域叫做menu-bar。

tab-list

下方选择代码/造型/声音区域叫做tab-list(点击可切换tabPanel)。

gui-blocks

然后是下方:
一,左边的2/3区域:左侧舞台叫做gui-blocks(可以选择语句块并拖放出来)。

其中最左侧选择类型栏叫做(blocklyToolbox,包含上方的scratchCategoryMenu(内含运动,声音,外观等选项)和下方的gui_extension(添加扩展按钮))。

中侧叫做blocklyFlyout(顾名思义,当拖拽block进入此区域会被删除)。

最右层叫做blocklyWorkspace(能够盛放拖拽出的block,他的右下角有一个blocklyZoom组件(用来控制代码块舞台的缩放),blocklyWorkspace还定义了一堆浏览器组件,比如ScrollbarVertical(这是一个水平滚动条),比如blocklyFlyoutBackground(这是一个描边功能),不能理解他为什么不用系统自带的,费力写这么一大片代码,然后看起来比系统默认的还要丑..)

stage

右边1/3区域:上侧叫做stage,其中包含(stage-header和stage-canvas(渲染舞台))。

gui-target

下侧叫做gui-target,它是左右结构。

左侧叫做sprite-selector(选择角色)(内含sprite-info(设置大小,方向,名称什么的),sprite-selector-item(角色图标)和sprite-selector-add-button(角色选择按钮))。

右侧叫做target-pane(内含stage-selector-header(舞台字样),selector-costume-canvas(渲染舞台背景),stage-selector-add-button(舞台选择按钮))。