Jedną z najważniejszych funkcji interfejsu Blockly jest możliwość personalizacji, która pozwala programistom stworzyć unikalny wygląd aplikacji odpowiedni do ich marki lub wrażeń użytkownika. Wygląd Blockly można dostosować na 3 główne sposoby: używając kolorów bloków, motywów i mechanizmów renderowania.
Kolor bloku
Główny kolor bryły można ustawić w definicji bryły. Jeśli ustawisz tę opcję, kolory dodatkowe bloku (np. kolor obramowania) będą obliczane automatycznie. To najprostszy sposób zmiany wyglądu brył.
→ Dowiedz się więcej o ustawianiu koloru bloków.
Motywy
Motywy zapewniają dodatkową kontrolę nad takimi opcjami, jak kolor i przezroczystość bloków, zestawów narzędzi, obszarów roboczych i innych komponentów. Motyw można ustawić dynamicznie dla obszaru roboczego. Zawiera on kategorie stylów, które można stosować do grup bloków.
→ Dowiedz się więcej o korzystaniu z motywów udostępnionych przez Blockly lub o tworzeniu własnych motywów.
Mechanizmy renderowania
Mechanizm renderowania to obiekt w Blockly, który kontroluje sposób rysowania bloków w obszarze roboczym. Mechanizm renderowania kontroluje kształt bloków i punktów połączeń.
→ Dowiedz się więcej o korzystaniu z mechanizmów renderowania udostępnianych przez Blockly lub o tworzeniu własnego mechanizmu renderowania.
Podsumowanie
Jeśli chcesz zmienić kolor bryły, skorzystaj z definicji bryły. Jeśli chcesz zmienić kolor czegoś innego lub bardziej konkretne kolory bloków, wypróbuj jeden z motywów. Jeśli chcesz zmienić kształt czegoś, użyj mechanizmu renderowania.