Kolory bloków

Większość aplikacji Blockly używa różnych kolorów bloków, aby wizualnie grupować je w kategorie. Bloki dostarczane z Blockly są podzielone na kilka kategorii, a kolory odpowiadają różnym kategoriom na pasku narzędzi w wersjach demonstracyjnych:

Zrzut ekranu obszaru roboczego z przykładem każdego koloru bloku.

Dodatkowe kolory w bloku są pochodnymi koloru głównego. Na przykład bloki cieni to odbarwiona wersja koloru głównego, a kolory obramowania są ciemniejszą wersją.

Ustawianie koloru bloku

Kolor podstawowy bloku można zdefiniować w formacie JSON lub JavaScript. Możesz przekazać odcień (zalecane), wartość RGB lub nazwę koloru. Więcej informacji znajdziesz w sekcji Formaty kolorów.

JSON

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

JavaScript

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

Zwróć uwagę na pisownię brytyjską. Jeśli nie ustawisz koloru, pojawi się czarny blok.

Kolor bloku możesz też ustawić za pomocą funkcji Block.setColour(..) lub używając motywów i definiując styl bloku.

Ułatwienia dostępu

Informacje o tym, jak kolor wpływa na ułatwienia dostępu, znajdziesz w artykule Kolor i ułatwienia dostępu.