Narzędzia dla deweloperów Blockly
to internetowe narzędzie dla programistów, które automatyzuje część konfiguracji Blockly
takich jak tworzenie niestandardowych bloków, tworzenie zestawów narzędzi
i konfigurowanie internetowego obszaru roboczego Blockly.
Proces dla programistów Blockly za pomocą narzędzia składa się z 3 części:
- Tworzenie bloków niestandardowych za pomocą fabryki bloku i narzędzia Block Exporter.
- Utwórz przy użyciu Workspace Factory zestaw narzędzi i domyślny obszar roboczy.
- Skonfiguruj obszar roboczy za pomocą Workspace Factory (obecnie jest ono dostępne tylko w wersji internetowej ).
Karta Blokuj ustawienia fabryczne
Karta Fabryka bloków pomaga tworzyć definicje blokad oraz generatory kodów blokowych dla blokad niestandardowych. Na tej karcie możesz łatwo tworzyć, modyfikować i zapisywać bloki niestandardowe.
Definiowanie bloku
Ten film szczegółowo omawia etapy definiowania bryły. Interfejs nie jest dostępny o dacie, ale wyróżnione przez niego funkcje blokowania są nadal dokładne.
Zarządzanie biblioteką
Do bloków odwołują się ich nazwy, więc każdy blok, który chcesz utworzyć, musi mieć Niepowtarzalna nazwa. Interfejs użytkownika egzekwuje to ustawienie i jasno informuje o tym, że użytkownik zapisuje pliki. nowy blok lub „aktualizacja” do istniejącego bloku.
Możesz przełączać się między zapisanymi wcześniej blokami lub utworzyć nowe puste możesz zablokować, klikając przycisk Biblioteka. Zmiana nazwy istniejącego bloku jest to inny sposób na szybkie tworzenie wielu bloków o podobnych definicjach.
Eksportowanie i importowanie biblioteki
Blokady są zapisywane w lokalnej pamięci przeglądarki. Czyszczenie ustawień lokalnych przeglądarki spowoduje usunięcie bloków. Aby zapisywać blokady na czas nieokreślony, musisz: pobierz swoją bibliotekę. Biblioteka bloków jest pobierana w formacie XML który można zaimportować, aby ustawić Bibliotekę blokową do stanu pobrano plik. Pamiętaj, że zaimportowanie biblioteki blokowej zastępuje który jest obecnie używany, więc warto najpierw go wyeksportować.
Funkcje importowania i eksportowania również są zalecanym sposobem na udostępniać różne zestawy bloków niestandardowych.
Zablokuj kartę eksportera
Po zaprojektowaniu blokad musisz wyeksportować definicje blokad. i generować namioty generatora, aby używać ich w aplikacji. Odbywa się to w Blokuj kartę eksportera.
Wszystkie bloki zapisane w bibliotece bloków pojawią się na selektorze bloków. Kliknij blok, aby go zaznaczyć lub odznaczyć do wyeksportowania. Jeśli chcesz wybrać wszystkich bloków w bibliotece, użyj opcji „Wybierz” → „Wszystkie przechowywane w bloku” Biblioteka”. Jeśli masz już zestaw narzędzi lub skonfigurowano obszar roboczy za pomocą Na karcie Workspace Factory możesz też zaznaczyć wszystkie bloki używane przez klikając „Wybierz” → „Wszystkie używane w Workspace Factory”.
Ustawienia eksportu pozwalają wybrać wygenerowany język, na który mają być kierowane reklamy. i określić, czy potrzebujesz definicji, atramentów generatora czy obu wybrane bloki. Następnie kliknij „Eksportuj”. aby pobrać .
Karta Workspace Factory
Workspace Factory ułatwia skonfigurowanie zestawu narzędzi i domyślnych bloki w obszarze roboczym. Możesz przełączać się między edycją przybornika rozpoczynanie obszaru roboczego z „Zestawem narzędzi” i „Obszar roboczy” przyciskami.
Budowanie zestawu narzędzi
Ta karta pomaga utworzyć plik XML dla Zestawu narzędzi. Zakłada się, że znajomość funkcji Zestawu narzędzi. Jeśli masz już plik XML dla zestawu narzędzi, który chcesz tu edytować, możesz kliknij „Wczytaj do edycji”, aby go wczytać.
Zestaw narzędzi bez kategorii
Jeśli masz kilka bloków i chcesz je wyświetlić bez kategorii, po prostu przeciągnij je do obszaru roboczego, a pojawią się one na widoczne w podglądzie.
Zestaw narzędzi z kategoriami
Jeśli chcesz wyświetlać blokady w określonych kategoriach, kliknij przycisk „+” i wybierz menu nowej kategorii. Spowoduje to dodanie kategorii do Twojej listy kategorii który możesz wybrać i edytować. Aby dodać osobę, wybierz „Kategoria standardowa” standardową kategorię Blockly (Logic, Loops itp.) lub „Standard Toolbox”, aby dodać wszystkie standardowych kategorii Blockly. Użyj przycisków strzałek, by zmienić kolejność kategorii.
Aby zmienić nazwę lub kolor wybranej kategorii, użyj opcji „Edytuj kategorię”. . Przeciągnięcie bryły do obszaru roboczego spowoduje dodanie jej do wybranych .
Bloki zaawansowane
Domyślnie możesz dodawać dowolne bloki standardowe lub bloki z biblioteki. z zestawu narzędzi. Jeśli w pliku JSON masz zdefiniowane bloki, których nie ma w Twojej bibliotece, można je zaimportować za pomocą narzędzia „Importuj blokady niestandardowe”, Przycisk
Niektóre bloki należy stosować razem lub zawierać wartości domyślne. Odbywa się to za pomocą grup i cieni. Dowolne bloki połączone w edytorze zostaną dodane do zestawu narzędzi jako grupa. Bryły przypięte do innej bryły można również zamienić w bloki cienia. wybierając blok podrzędny i klikając Przycisk Uwaga: tylko bloki podrzędne, które nie zawierają zmiennej, mogą zostać zmienione na cienie. bloki.
Jeśli w zestawie narzędzi jest zmienna lub blok funkcji, dołącz też do kategorii „Zmienne” lub „Funkcje” w zestawie narzędzi, aby umożliwić użytkownikom i używać blokady. Więcej informacji o „Zmienne” lub „Funkcje” kategorie.
Konfigurowanie obszaru roboczego (w przypadku Web Blockly)
Aby skonfigurować różne części obszaru roboczego, przejdź do „fabryki Workspace” i wybierz „Obszar roboczy”.
Wybierz opcje obszaru roboczego
Ustaw różne wartości dla: opcji konfiguracji i zobaczyć efekt w obszarze podglądu. Włączam grid lub Powiększenie udostępnia więcej opcji konfiguracji. Przejście na używanie kategorii zwykle wymaga też bardziej złożonych działań. workspace; kosz i paski przewijania są dodawane automatycznie, pierwszej kategorii.
Dodaj wstępnie załadowane bloki do obszaru roboczego
Jest to opcjonalne, ale może być konieczne, jeśli chcesz wyświetlić zestaw bloków w obszar roboczy:
- Po załadowaniu aplikacji.
- Wywołanie zdarzenia (przejście na wyższy poziom, kliknięcie przycisku pomocy itp.).
Przeciągnij bloki do obszaru edycji, aby wyświetlić je w obszarze roboczym w podglądzie. Możesz tworzyć grupy bloków, wyłączać bloki, a także ustawiać niektóre z nich jako cienie. blokad.
Możesz wyeksportować te bloki w formacie XML (patrz poniżej). Dodaj je do swojego obszaru roboczego za pomocą:
Blockly.Xml.domToWorkspace zaraz po utworzeniu obszaru roboczego:
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);
Ten przykładowy kod dodaje do obszaru roboczego pojedynczy blok math_number.
Eksportuję
Workspace Factory udostępnia te opcje eksportu:
- Kod startowy: tworzy kod początkowy HTML i JavaScript do wstrzykiwania dostosowanego Obszar roboczy Blockly.
- Zestaw narzędzi: generuje kod XML, aby określić zestaw narzędzi.
- Blokady obszaru roboczego: generują kod XML, który można wczytać do obszaru roboczego.