外觀

Blockly 介面的其中一項關鍵功能是自訂功能,可讓開發人員依自家品牌或使用者體驗目標,打造獨特的應用程式外觀和風格。自訂 Blockly 的外觀有三種主要方式,分別是區塊顏色、主題和轉譯器。

區塊顏色

您可在區塊定義中設定區塊的主要顏色。如果採用這種方式,系統會自動計算區塊的次要顏色 (例如邊框顏色)。這是修改區塊外觀最簡單的方法。

→ 進一步瞭解設定區塊顏色

主題

主題可讓您進一步掌控區塊的顏色和不透明度,例如區塊、工具箱、工作區和其他元件。您可以為工作區動態設定主題,其中包含可套用至區塊群組的樣式類別。

→ 進一步瞭解如何使用區塊提供的主題建立您自己的主題

轉譯器

轉譯器是 Blockly 中的物件,可控制區塊繪製到工作區的方式。轉譯器可控制區塊和連接點的形狀。

→ 進一步瞭解如何使用區塊提供的轉譯器建立自己的轉譯器

摘要

如要變更區塊顏色,請使用區塊定義。如果您想變更其他文字的顏色,或提供更明確的區塊色彩,可以試試看主題。如要變更內容的形狀,請嘗試使用轉譯器。