Özel oluşturucuları oluştur

Özel bir oluşturucu oluşturmak için Renderer sınıfını alt sınıfa ayırmanız gerekir. Oluşturucunun ne olduğu ve ne işe yaradığı hakkında daha fazla bilgi için oluşturucu kavramıyla ilgili dokümanları inceleyin.

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

Özelleştirme yapılmayan varsayılan oluşturma aracı aşağıdaki gibi görünür:

temel oluşturucu

Diğer yerleşik oluşturuculardan birini alt sınıfa alıp ardından bazı kısımlarını geçersiz kılabilirsiniz.

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

Diğer oluşturma bileşenlerini alt sınıfa alma

Bloğun gerçek şekli, oluşturma aracının alt bileşenleri tarafından belirlenir.

Renderer sınıfı varsayılan olarak tüm oluşturucu bileşenlerinin çalışan sürümlerini sağlar. Bu sayede, diğerleriyle ilgili endişelenmenize gerek kalmadan tek bir bileşeni değiştirebilirsiniz.

Örneğin, bağlantıların şekillerini değiştirmek istiyorsanız diğer bileşenlere dokunmak zorunda kalmadan sabitleri geçersiz kılabilirsiniz.

Her bileşenin işlevi hakkında daha fazla bilgi için yayınlayıcı bileşeni belgelerine göz atın.

Fabrika yöntemlerini geçersiz kılma

Oluşturucu bileşenlerini alt sınıfa ayırdıktan sonra, alt sınıfa ayırdığınız bileşenler için Renderer'ın fabrika yöntemlerini geçersiz kılmanız gerekir. Bu sayede oluşturma aracı, farklı bileşenleri düzgün şekilde birbirine bağlayabilir.

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

Oluşturucuyu kaydetme

Son olarak, özel oluşturma aracınızı oluşturmayı tamamladıktan sonra kaydettirmeniz gerekir. Bu işlem, oluşturma aracını bir dizeyle ilişkilendirir. Böylece, oluşturma aracını yapılandırma seçeneklerinize iletebilirsiniz.

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

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