自訂構成元素

本文旨在協助想要在 Blockly 中建立新區塊的開發人員。我們假設只有一個可編輯 Blockly 的本機副本;其中一份副本熟悉 Blockly 的用法,且對 JavaScript 有基本的瞭解。

「模塊」提供許多預先定義的區塊。從數學函式到迴圈結構等等,全都沒問題。不過,為了與外部應用程式進行互動,您必須建立自訂區塊來建立 API。舉例來說,建立繪圖程式時,可能需要建立一個「半徑 R 的圓形」區塊。

在大多數情況下,最簡單的方法是找出非常類似的區塊,然後複製並視需求修改。下列說明文件適用於需要更多協助的使用者。

定義區塊

第一步是建立區塊,指定形狀、欄位和連接點。使用 Blockly 開發人員工具撰寫這類程式碼是最簡單的方法。

→ 進一步瞭解 Blockly 開發人員工具...

或者,也可以在研究 API 後手動編寫這個程式碼。

→ 進一步瞭解定義模塊...

進階區塊可能會根據使用者或其他因素,動態變更其形狀。

→ 進一步瞭解Mutators...

產生程式碼

第二步是建立區塊程式碼產生器,以將新區塊匯出至程式設計語言 (例如 JavaScript、Python、PHP、Lua 或 Dart)。

→ 進一步瞭解區塊程式碼產生器...

使用新的建塊

建立區塊後,別忘了將其新增至工具箱或在工作區中使用。

→ 進一步瞭解如何新增自訂構成元素...