舊版 Blockly 開發人員工具

Blockly 開發人員工具 是一項網頁型開發人員工具，可自動執行 Blockly 的某些設定 包括建立自訂構成元素、建立工具箱 以及設定 Web Blockly 工作區

使用這項工具的 Blockly 開發人員程序分為三個部分：

  • 使用 Block Factory 和 Block Exporter 建立自訂構成元素。
  • 使用 Workspace Factory 打造工具箱和預設工作區。
  • 使用 Workspace Factory 設定工作區 (目前僅限網頁版) 特徵)。

封鎖原廠分頁

你可以透過「Block Factory」分頁 封鎖定義和 區塊程式碼產生器 然後加入自訂構成元素您可以在這個分頁中輕鬆建立、修改和儲存 自訂構成元素

定義區塊

這部影片會詳細說明定義區塊的步驟。使用者介面已無法使用 但醒目顯示的封鎖功能仍然準確。

管理程式庫

封鎖設定是依據名稱所參照，因此您要建立的每個區塊都必須 不重複的名稱這個使用者介面會強制執行此操作，清楚指出「儲存」狀態 建立新的區塊或「更新中」現有的區塊

您可以切換先前儲存的區塊，也可以建立新的空白區塊 封鎖檔案。變更現有封鎖條件的名稱的做法如下： 另一種快速建立含類似定義的多個區塊

匯出與匯入程式庫

區塊會儲存至瀏覽器的本機儲存空間。清除瀏覽器的本機資訊 儲存空間會刪除區塊如要無限期儲存封鎖項目，您必須 下載程式庫。您的封鎖庫會以 XML 格式下載 檔案，以便將封鎖程式庫的狀態設為 下載的檔案請注意，匯入封鎖資料庫會取代 最好先匯出

建議您使用匯入與匯出功能來維護及 共用不同的自訂構成元素

「封鎖匯出工具」分頁

設計封鎖條件後，請匯出封鎖定義 以及生成器虛設常式，在應用程式中使用它們也就是 「封鎖匯出工具」分頁。

儲存在「封鎖資料庫」中的每個區塊都會顯示在「封鎖選取器」中。 點選封鎖方塊即可選取或取消選取該項目以匯出。如果你想選取 只要在媒體庫中依序點選「選取」→「所有已儲存在區塊」即可 如果當初是用這項工具建立工具箱 或設定工作區 前往 Workspace 的「Factory」分頁，也可以選取 依序點選「Select」→「All In Workspace Factory」。

匯出設定可讓您選擇要指定哪個生成語言 您需要為模型定義定義、產生器虛設常式，或兩者並行 套用這些條件選好之後，請按一下 [匯出]下載 檔案。

Workspace Factory 分頁

Workspace Factory 可讓您輕鬆設定工具箱和 就能在工作區中插入一組區塊您可以在工具箱或 以「工具箱」開始工作區以及「工作區」按鈕。

建立工具箱

這個分頁可協助您建立 Toolbox 的 XML。材質假設 熟悉工具箱的功能。 若是要在此編輯的工具箱已有 XML，則可以 請按一下 [Load to Edit] (載入以編輯) 加以載入。

未設定類別的工具箱

如要同時顯示多個封鎖項目，不想顯示任何類別 然後拖曳到工作區中 工具箱就會顯示封鎖項目 在預覽畫面中

類別工具箱

如要依類別顯示封鎖條件，請按一下「+」按鈕，然後選取 顯示新類別的下拉式選單項目這會在類別清單中新增類別 然後選取和編輯選取「標準類別」即可新增個別使用者 標準 Blockly 類別 (邏輯、迴圈等) 或「Standard Toolbox」來新增全部 標準 Blockly 類別使用箭頭按鈕重新排序類別。

如要變更所選類別的名稱或顏色，請點選「編輯類別」 。將方塊拖曳到工作區中，就會加入所選區塊 類別

進階封鎖條件

根據預設，您可以新增任何標準封鎖條件，或是媒體庫中的任何封鎖項目 工具箱。如果有在 JSON 中定義的區塊，但不在資料庫內， 可以使用「匯入自訂構成元素」按鈕。

部分區塊應搭配使用或包含預設值。方法是使用 群組和陰影。不限 針對編輯器中連結的區塊將以群組形式加入工具箱中。 附加至其他區塊的封鎖設定也可以變更為陰影區塊 方法是依序選取子區塊和 [Make Shadow]按鈕。 注意：只有不含變數的子區塊可以變更為陰影 方塊。

如果您在他們的工具箱中加入變數或函式區塊，那麼 工具箱中的「變數」或「函式」類別，可讓使用者 使用這個區塊進一步瞭解 「變數」或「函式」類別。

設定工作區 (適用於網頁區塊)

如要設定工作區的不同部分，請前往「Workspace Factory」 然後選取「工作區」

選擇 Workspace 選項

為下列項目設定不同的值： 設定選項 並在預覽區域查看結果啟用中 Grid 或 zoom 會顯示更多設定選項。 另外，改用類別通常還需要複雜一點 workspace;當您新增 第一個類別

將預先載入的區塊新增至工作區

這並非必填項目，但如果想在頁面顯示一組區塊 工作區：

  • 應用程式載入時。
  • 觸發事件 (前往等級、點選說明按鈕等) 時。

將區塊拖曳到編輯空間中，即可在工作區的預覽畫面中查看。 您可以建立封鎖群組、停用封鎖條件，以及將特定區塊陰影設為陰影 系統會在你選擇時封鎖

您可以透過 XML 格式匯出這些區塊 (請參閱下文)。請使用以下指令將成員新增至工作區： Blockly.Xml.domToWorkspace，建立工作區後立即執行以下動作：

var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
    '<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);

這個程式碼範例會將單一 math_number 區塊加入工作區。

匯出中

Workspace Factory 提供下列匯出選項：

  • 範例程式碼：產生範例程式碼 HTML 和 JavaScript 來插入您的自訂項目 區塊化工作區。
  • Toolbox：產生 XML 來指定工具箱。
  • Workspace Blocks：產生可載入至工作區的 XML。