Özel oluşturucu oluşturmak için Renderer sınıfını alt sınıflandırmanız gerekir. Oluşturucunun ne olduğu ve ne yaptığı hakkında daha fazla bilgi için oluşturucu kavram belgelerine bakın.
class CustomRenderer extends Blockly.blockRendering.Renderer {
constructor() {
super();
}
}
Herhangi bir özelleştirme olmadığında, varsayılan oluşturucu aşağıdaki gibi görünür:
Ayrıca, diğer yerleşik oluşturuculardan birini alt sınıflandırabilir ve daha sonra, bunların bölümlerini geçersiz kılabilirsiniz.
class CustomRenderer extends Blockly.thrasos.Renderer {
constructor() {
super();
}
}
Diğer oluşturucu bileşenlerini alt sınıflandırma
Bloğun gerçek şekli, oluşturucunun alt bileşenlerine göre belirlenir.
Varsayılan olarak Renderer sınıfı, tüm oluşturucu bileşenlerinin çalışan sürümlerini sağlar. Böylece, diğerleriyle ilgili endişe duymadan tek bir bileşeni
değiştirebilirsiniz.
Örneğin, bağlantı şekillerini değiştirmek istiyorsanız diğer bileşenlere dokunmadan constants geçersiz kılabilirsiniz.
Her bir bileşenin ne yaptığı hakkında daha fazla bilgi için oluşturucu bileşeni belgelerine göz atın.
Fabrika yöntemlerini geçersiz kıl
Oluşturucu bileşenlerini alt sınıflandırdıktan sonra, alt sınıflandırdığınız bileşenler için Renderer'in fabrika yöntemlerini geçersiz kılmanız gerekir. Bu, oluşturucunun farklı bileşenleri düzgün şekilde birbirine bağlamasını sağlar.
Her bileşen türü için bir yöntem vardır:
makeConstants_makeRenderInfo_makePathObject(alt çizgi olmadığına dikkat edin)makeDrawer_
Oluşturucuyu kaydet
Son olarak, özel oluşturucunuzu oluşturmayı tamamladıktan sonra kaydetmeniz gerekir. Bu işlem, oluşturucuyu yerleştirme yapılandırmanıza iletebilmeniz için bir dizeyle ilişkilendirir.
Blockly.blockRendering.register('custom_renderer', CustomRenderer);
const workspace = Blockly.inject(blocklyDiv, {
renderer: 'custom_renderer',
});