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(舞台选择按钮))。
