Colori blocchi

La maggior parte delle app Blockly utilizza una serie di colori per raggruppare visivamente i blocchi in categorie. I blocchi forniti con Blockly includono diverse categorie, con i colori rispecchiati dalle varie categorie della barra degli strumenti nelle demo:

Uno screenshot di uno spazio di lavoro con un esempio di ciascun colore del blocco.

I colori aggiuntivi del blocco derivano dal colore principale. Ad esempio, i blocchi con ombre sono una versione desaturata del colore principale e i colori dei bordi sono una versione più scura.

Impostare il colore del blocco

Il colore principale di un blocco può essere definito in JSON o JavaScript. Puoi passare la tonalità (opzione preferita), il valore RGB o il nome del colore. Per ulteriori informazioni, consulta Formati di colore.

JSON

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

JavaScript

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

Nota l'ortografia britannica. La mancata impostazione del colore comporta la visualizzazione di un blocco nero.

Puoi anche impostare il colore del blocco utilizzando la funzione Block.setColour(..) o utilizzando i temi e definendo uno stile di blocco.

Accessibilità

Per informazioni sull'impatto del colore sull'accessibilità, consulta Colore e accessibilità.