Araç kutusu ekleme

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

Araç kutusunun görünümü hakkında daha fazla bilgi için görsel terimler sözlüğüne bakın.

Temel tanım

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

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

Bu kod snippet'i, iki blok içeren bir kayan 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 options during injection.
const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});

Araç kutunuzu tanımlama ve yapılandırma hakkında daha fazla bilgi için Araç kutusuna genel bakış başlıklı makaleyi inceleyin.

Enjeksiyon hakkında daha fazla bilgi için Workspace oluşturma başlıklı makaleyi inceleyin.