3.8 事件

优质
小牛编辑
136浏览
2023-12-01

工作区上的每个更改都会触发一个事件。这些事件完整地描述了每个变化的前后状态。

监听事件

工作区具有可用于侦听事件流的addChangeListener方法和removeChangeListener方法。一个例子是 实时生成代码。另一个例子是 最大块限制演示。通常情况下,这两个例子都不关心触发事件是什么。他们只是查看工作区的当前状态。

更复杂的事件监听器将查看触发事件。以下示例检测用户何时创建其第一条评论,发出警报,然后停止监听,以便不再触发其他警报。

function onFirstComment(event) {
  if (event.type == Blockly.Events.CHANGE &&
      event.element == 'comment' &&
      !event.oldValue && event.newValue) {
    alert('Congratulations on creating your first comment!')
    workspace.removeChangeListener(onFirstComment);
  }
}
workspace.addChangeListener(onFirstComment);

模块具有另一种侦听事件流的方法。模块可以定义onchange 函数,只要块的工作空间发生更改,就会调用该函数。

事件类型

所有事件共享以下常见属性:

Name类型描述
typeBlockly.Events.CREATE,Blockly.Events.DELETE,Blockly.Events.CHANGE,Blockly.Events.MOVE,Blockly.Events.UI之一
workspaceId工作区的UUID。可以找到工作区Blockly.Workspace.getById(event.workspaceId)
blockId块的UUID。该块可以找到workspace.getBlockById(event.blockId)
group组的UUID。某些事件是不可分割的组的一部分,例如在堆栈中插入语句

块创建事件(Blockly.Events.BLOCK_CREATE)

块创建事件有两个附加属性:

Name类型描述
xml宾语定义新块和任何连接子块的XML树
ids排列一个数组,包含新块的UUID和任何连接的子块

块删除事件(Blockly.Events.BLOCK_DELETE)

块删除事件有两个附加属性:

Name类型描述
oldXml宾语定义已删除块和任何已连接子块的XML树
ids排列包含已删除块的UUID和任何已连接子块的数组

块变更事件(Blockly.Events.BLOCK_DCHANGE)

块删除事件有两个附加属性:

Name类型描述
element'field','comment','collapsed','disabled','inline','mutate'之一
name当字段更改时字段的名称
oldValue原有值
newValue新值

块移动事件(Blockly.Events.BLOCK_MOVE)

块删除事件有两个附加属性:

Name类型描述
oldParentId旧父块的UUID。如果它是顶级块,则未定义
oldInputName旧父块的输入名称。如果它是顶级块或父级的下一个块,则为未定义
oldCoordinate宾语X和Y坐标,如果它是顶级块。如果有父块,则未定义
newParentId新父块的UUID。如果它是顶级块,则为未定义
newInputName新父母的输入名称。如果它是顶级块或父级的下一个块,则为未定义
newCoordinate宾语X和Y坐标,如果它是顶级块。如果它有父项,则为未定义

变量创建事件(Blockly.Events.VAR_CREATE)

变量创建事件有两个附加属性:

Name类型描述
varType变量的类型,如'int'或'string'。不需要是唯一的。这将默认为“”,这是一种特定类型
varName变量的名称。这在变量和过程中是唯一的
varId变量的唯一ID

变量删除事件(Blockly.Events.VAR_DELETE)

变量删除事件有两个附加属性。

Name类型描述
varType变量的类型,如'int'或'string'。不需要是唯一的。这将默认为“”,这是一种特定类型
varName变量的名称。这在变量和过程中是唯一的
varId变量的唯一ID

变量重命名事件(Blockly.Events.VAR_RENAME)

变量重命名事件有两个附加属性。

Name类型描述
oldName变量的当前名称。这在变量和过程中是唯一的
newName变量的新名称。这在变量和过程中是唯一的
varId变量的唯一ID

UI事件(lockly.Events.UI)

UI事件有三个附加属性。

Name类型描述
element'selected','category','click','commentOpen','mutatorOpen','warningOpen','theme'之一
oldValue原始价值
newValue改变了价值

预计由UI事件表示的UI动作列表将随着时间的推移变得更加全面。例如滚动,缩放,拖动气泡等事件。