Blockly wird am 10. November 2025 an die Raspberry Pi Foundation übertragen. Blog und FAQ lesen
Benutzerdefinierte Symbole verwenden
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Wenn Sie ein benutzerdefiniertes Symbol verwenden möchten, rufen Sie addIcon oder getIcon auf einen Block auf.
Figur hinzufügen
Wenn Sie einem Block ein benutzerdefiniertes Symbol hinzufügen möchten, übergeben Sie den Block an den Konstruktor des Symbols und rufen Sie addIcon auf dem Block auf. Das kann beispielsweise beim Initialisieren des Blocks oder als Reaktion auf ein Ereignis der Fall sein.
JSON
// Use an extension to add a custom icon during initialization.
Blockly.Extensions.register("addMyIcon", function () {
this.addIcon(new MyIcon(this));
})
Blockly.common.defineBlocksWithJsonArray([
{
type: "my_block",
// ...
extensions: ["addMyIcon"],
},
])
JavaScript
// Add a custom icon during initialization.
Blockly.Blocks['my_block'] = {
init: function() {
//...
this.addIcon(new MyIcon(this));
},
}
Symbol abrufen
Wenn du ein benutzerdefiniertes Symbol aus einem Block abrufen möchtest, ruf getIcon auf und übergebe den Typstring des Symbols.
const myIcon = myBlock.getIcon('my_icon');
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-07-25 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-07-25 (UTC)."],[],[]]