Yeni oluşturucu oluştur

Özel oluşturucu oluşturmak için Renderer alt sınıfına girmeniz gerekir. sınıfını kullanır. Daha fazla bilgi için oluşturucu kavram belgelerine bakın bir oluşturucunun ne olduğu ve ne yaptığıyla ilgili bilgi verir.

class CustomRenderer extends Blockly.blockRendering.Renderer {
  constructor() {
    super();
  }
}

Herhangi bir özelleştirme olmadan, varsayılan oluşturucu şu şekilde görünür:

ana oluşturucu

Ayrıca, diğer yerleşik oluşturuculardan birinin alt sınıfını da oluşturabilirsiniz. bazı kısımları geçersiz kılabilir.

class CustomRenderer extends Blockly.thrasos.Renderer {
  constructor() {
    super();
  }
}

Diğer oluşturucu bileşenlerini alt sınıfa ayır

Blokun gerçek şekli alt bileşenlerinin alt bileşenlerinden de yararlanırsınız.

Varsayılan olarak Renderer sınıfı aşağıdaki öğelerin çalışma sürümlerini sağlar: oluşturucu bileşenlerinin tamamını inceleyin. Bu şekilde bir tek bir bileşene sahip olur.

Örneğin, bağlantıların şekillerini değiştirmek istiyorsanız sabit değerleri ekleyin.

Daha fazla bilgi için oluşturucu bileşeni belgelerine göz atın her bir bileşenin ne yaptığıyla ilgili bilgi verir.

Fabrika yöntemlerini geçersiz kıl

Oluşturucu bileşenlerini alt sınıflandırdıktan sonra, kullandığınız bileşenler için Renderer'in fabrika yöntemlerini geçersiz kılın alt sınıftır. Bu şekilde, oluşturucu farklı bileşenleri düzgün bir şekilde bağlayabilir birlikte.

Her bileşen türü için bir yöntem vardır:

Oluşturucuyu kaydetme

Son olarak, özel oluşturucunuzu oluşturma işlemini tamamladıktan sonra, kaydettireceksiniz. Bu işlem, oluşturucuyu bir dizeyle ilişkilendirir ve böylece dizeyi iletebilirsiniz. yerleştirme yapılandırmanıza uygulayın.

Blockly.blockRendering.register('custom_renderer', CustomRenderer);

const workspace = Blockly.inject(blocklyDiv, {
  renderer: 'custom_renderer',
});