Renderer

Die Form eines Blocks wird von einem Renderer anhand der Blockdefinition (d. h. seiner Felder und Verbindungen) bestimmt.

Integrierte Renderer

Blockly bietet drei integrierte Renderer, die dem Programm jeweils eine etwas andere Atmosphäre verleihen.

Renderer	Beschreibung	Bild
Thrasos	Der empfohlene Renderer. Es ist eine modernere Version des Geras-Renderers mit gleichmäßigeren Abständen und festen Rahmen.
Geras	Standard-Renderer Es ist der ursprüngliche Renderer, mit dem Blockly erstellt wurde.
Zelos	Ein Renderer, der auf einem Scratch-3.0-Blockdesign basiert.

Wenn Sie einen dieser Renderer verwenden möchten, übergeben Sie den Namen an die Injection-Optionen:

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

Benutzerdefinierte Renderer

Wenn Sie Ihrem Programm ein anderes Design als die integrierten Renderer verleihen möchten, können Sie auch einen benutzerdefinierten Renderer erstellen. Das Blockly-Team empfiehlt Ihnen zu Beginn:

1. In den Dokumenten zum Rendererkonzept erfahren Sie, wie alle Komponenten eines Renderers zusammenpassen.
2. Absolvieren Sie das Codelab für benutzerdefinierte Renderer, um praktische Erfahrungen mit dem benutzerdefinierten Rendering zu sammeln.
3. Fügen Sie Ihrem Projekt den Renderer zur Fehlerbehebung hinzu.
4. Passen Sie Ihren Renderer an.