Colori blocchi

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

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

Suggerimento: se vuoi avere un maggiore controllo sui colori dei blocchi ombra o dei bordi, scopri di più su come definire un tema.

Imposta colore blocco

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

JSON

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

JavaScript

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

Prendi nota dell'ortografia britannica. Se il colore non viene impostato, viene visualizzato 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 su come il colore influisce sull'accessibilità, consulta la pagina Colore e accessibilità.