Araç Kutusu

Araç kutusu, programlamak için kullandığınız blokları içerir. Bloklar çalışma alanına sürüklenebilir.

Araç kutularının neye benzediğiyle ilgili daha fazla bilgi için görsel sözlüğe bakın.

Temel tanım

Araç kutusu tanımı, araç kutusuna hangi blokların, hangi sırayla ekleneceğini belirtir. Araç kutunuzun görünümünün ve stilinin çoğu başka şekillerde belirtilir.

Araç kutunuzu JSON kullanarak tanımlamanızı öneririz.

Bu kod snippet'i, iki bloklu bir flyout araç kutusu tanımlar:

const toolbox = {
  // There are two kinds of toolboxes. The simpler one is a flyout toolbox.
  kind: 'flyoutToolbox',
  // The contents is the blocks and other items that exist in your toolbox.
  contents: [
    {
      kind: 'block',
      type: 'controls_if'
    },
    {
      kind: 'block',
      type: 'controls_whileUntil'
    }
    // You can add more blocks to this array.
  ]
};

// The toolbox gets passed to the configuration struct during injection.
const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});

Araç kutunuzu tanımlama ve yapılandırma hakkında daha fazla bilgi edinmek için Araç kutusuna genel bakış bölümüne bakın.

Yerleştirme hakkında daha fazla bilgi için Çalışma alanı oluşturma bölümünü inceleyin.