Blockfarben

In den meisten Blockly-Apps werden verschiedene Blockfarben verwendet, um die Blöcke visuell in Kategorien zu gruppieren. Die mit Blockly ausgelieferten Blöcke umfassen mehrere Kategorien, wobei die Farben durch die verschiedenen Symbolleistenkategorien in den Demos gespiegelt werden:

Ein Screenshot eines Arbeitsbereichs mit einem Beispiel für jede Blockfarbe.

Zusätzliche Farben im Block werden aus der Hauptfarbe abgeleitet. Schattenblöcke sind beispielsweise eine entsättigte Version der Hauptfarbe und Rahmenfarben eine dunklere Version.

Blockfarbe festlegen

Die Primärfarbe eines Blocks kann entweder in JSON oder in JavaScript definiert werden. Sie können den Farbton (bevorzugt), den RGB-Wert oder den Farbnamen übergeben. Weitere Informationen finden Sie unter Farbformate.

JSON

{
  // ...,
  "colour": 160,
}

JavaScript

init: function() {
  // ...
  this.setColour(160);
}

Beachten Sie die britische Schreibweise. Wenn die Farbe nicht festgelegt wird, wird ein schwarzer Block angezeigt.

Sie können die Blockfarbe auch mit der Funktion Block.setColour(..) oder mit Designs festlegen und einen Blockstil definieren.

Bedienungshilfen

Informationen dazu, wie sich Farben auf die Barrierefreiheit auswirken, finden Sie unter Farbe und Barrierefreiheit.