数字字段

数字字段会将数字存储为 value,并将字符串存储为 text。其 value 始终是有效数字,具体取决于在创建时为该字段指定的限制条件;其文本可以是输入到其编辑器中的任何字符串。

数字字段

标签为“number:”且数字字段设置为 100 的块。

打开编辑器的数字字段

包含要修改的字段的同一代码块。

收起的版块上的数字字段

收起后的同一代码块。它带有标签“number: 100”,并且右侧边缘锯齿状,表示其处于收起状态。

创建

JSON

{
  "type": "example_number",
  "message0": "number: %1",
  "args0": [
    {
      "type": "field_number",
      "name": "FIELDNAME",
      "value": 100,
      "min": 0,
      "max": 100,
      "precision": 10
    }
  ]
}

JavaScript

Blockly.Blocks['example_number'] = {
  init: function() {
    this.appendDummyInput()
        .appendField("number:")
        .appendField(new Blockly.FieldNumber(100, 0, 100, 10), 'FIELDNAME');
  }
};

数字构造函数接受以下内容:

value 应转换为数字。如果没有,则使用 0。

序列化

JSON

数字字段的 JSON 如下所示:

{
  "fields": {
    "FIELDNAME": 0
  }
}

其中 FIELDNAME 是引用数字字段的字符串,值是应用于该字段的值。该值遵循与构造函数值相同的规则。

XML

数字字段的 XML 如下所示:

<field name="FIELDNAME">0</field>

field 节点的 name 属性包含引用数字字段的字符串,并且节点的内部 text 是应用于该字段的 value。内部文本值遵循与构造函数值相同的规则。

限制条件

您可以在字段定义中设置约束条件,也可以使用 setConstraints 函数设置约束条件。

最小值

min 值用于设置字段允许包含的最小/最负值。

最大值

max 值用于设置字段允许包含的最大/最正值。

舍入

precision 会将值舍入到最接近的精度倍数。这可用于使字段仅接受 .01、10、42 等的倍数。

常见约束条件

正数

如需强制字段仅接受正数,请将 min 值设置为 1。

整数

如需强制字段仅接受整数,请将 precision 设置为 1。

创建数字验证器

数字字段的值是数字,因此任何验证器都必须接受 number 并返回 numbernullundefined

以下示例展示了一个验证器,它会根据值是奇数还是偶数将值更改为 0 或 1。

function(newValue) {
  return newValue % 2;
}

动画 GIF,显示验证器在运行。当用户输入 10 并点击其他位置时,该字段会设置为 0。当用户输入 11 并点击其他位置时,该字段会设置为 1。