Słowniczek wizualny

Blockly ma wiele terminów określających różne komponenty wizualne. W tym dokumencie znajdziesz najważniejsze informacje, które musisz znać, aby zacząć korzystać z Blockly.

Obszar roboczy

Obszar roboczy to komponent najwyższego poziomu w Blockly. Zawiera wszystkie pozostałe komponenty. To tutaj będziesz programować.

Obszar roboczy z przybornikiem kategorii, paskami przewijania, koszem i elementami sterującymi powiększeniem.

Zestaw narzędzi

Przybornik zawiera bloki, których używasz do programowania. Bloki można przeciągać do obszaru roboczego.

Istnieją 2 główne typy przyborników: wysuwane i kategoriami. Mogą być wyświetlane zarówno w pionie, jak i w poziomie.

Wysuwany zestaw narzędzi

Wysuwane przyborniki (czyli proste przyborniki) mają jeden zestaw bloków, który jest wyświetlany przez cały czas.

Obszar roboczy z wysuwanym przybornikiem zawierającym 4 bloki.

Zestaw narzędzi kategorii

Przyborniki kategorii zawierają wiele zestawów bloków.

Obszar roboczy z przybornikiem kategorii zawierającym 8 kategorii (Logika, Pętle, Matematyka itp.). Nie widać żadnych bloków, ponieważ nie otwarto żadnych kategorii.

Jeśli klikniesz element kategorii, otworzy się wysuwane menu z blokami w tej kategorii.

Ten sam obszar roboczy i ten sam zestaw narzędzi kategorii co na poprzednim obrazie, z tą różnicą, że kategoria Logika jest otwarta i zawiera 7 bloków logicznych (jeśli-wykonaj, porównanie, i-lub itp.).

Kosz na śmieci

Kosz umożliwia usuwanie bloków przez przeciąganie i upuszczanie. Możesz też kliknąć kosz, aby otworzyć wysuwane menu z usuniętymi blokami i przywrócić je.

Obszar roboczy z koszem w prawym dolnym rogu.

Elementy sterujące powiększeniem

Elementy sterujące powiększeniem powiększają i pomniejszają obszar roboczy po kliknięciu.

Obszar roboczy z elementami sterującymi powiększeniem nad koszem.

Menu kontekstowe

Menu kontekstowe pojawia się po kliknięciu prawym przyciskiem myszy lub przytrzymaniu niektórych elementów obszaru roboczego (np. tła obszaru roboczego lub bloków). Wyświetla listę działań, które możesz wykonać na tym elemencie.

Menu kontekstowe jest otwarte nad blokiem „jeśli–wykonaj”. Menu zawiera te elementy: „Duplikuj”, „Dodaj komentarze”, „Wstawianie w wierszu”, „Zwiń blok”, „Wyłącz blok”, „Usuń blok” i „Pomoc”.

Bloki

Bloki służą do programowania. Reprezentują one wyrażenia i instrukcje w tekstowych językach programowania.

Blok warunkowy, blok liczbowy i blok do tworzenia listy.

Blokuj stos

Stos bloków to dowolny zbiór połączonych bloków. Mogą być połączone poziomo lub pionowo.

Blok „jeśli-wykonaj” z 2 połączonymi blokami. Blok porównania liczbowego jest połączony z wejściem if, a blok powtarzania jest połączony z wejściem do.

Blok cienia

Blok cienia to blok, który można edytować, ale nie można go przenieść. Jest on połączony z innym blokiem. Możesz przeciągać bloki bez cienia na bloki z cieniem, aby je zastąpić.

Blok zaokrąglania liczb połączony z blokiem liczby cienia i blok drukowania połączony z blokiem tekstu cienia. Bloki cieni są wyszarzone, aby pokazać, że są to bloki domyślne i że można na nie przeciągać inne bloki.

Znacznik wstawiania

Znacznik wstawiania to podgląd miejsca, w którym zostanie połączony stos bloków, jeśli zostanie upuszczony. Wygląda jak szara wersja bloku.

Blok „jeśli – wykonaj” ze znacznikiem wskazującym miejsce, w którym zostanie wstawiony inny blok.

Blokowanie części

Bloki składają się z kilku różnych części, które możesz edytować i z którymi możesz wchodzić w interakcje, aby programować.

Pola

Pole to element wizualny znajdujący się w bloku. Może być edytowalny (np. pole tekstowe) lub tylko informacyjny (np. etykieta). Pole jest zawsze zawarte w danych wejściowych.

Blok z 3 polami: etykieta „repeat”, menu z wybraną opcją „while” i etykieta „do”.

Połączenia

Połączenie to miejsce na bloku, do którego mogą się łączyć inne bloki.

Połączenie Obraz
Wyjście połączenie wyjściowe,
Dane wejściowe połączenie wejściowe,
Wstecz poprzednie połączenie,
Dalej następne połączenie

Wejścia

Wejście to kontener pól i połączeń. Blok jest tworzony przez renderowanie jego danych wejściowych w co najmniej 1 wierszu, podobnie jak cegieł.

Blok utworzony z pola do wprowadzania wartości, pola do wprowadzania końca wiersza i pola do wprowadzania instrukcji.

Wszystkie dane wejściowe mogą zawierać pola. Tylko dane wejściowe wartości i instrukcji mogą zawierać połączenie.

Typ kolumny wejściowej Typ połączenia Uwagi
Przykładowy Brak
Koniec wiersza Brak Wymusza rozpoczęcie nowego wiersza przy następnym wprowadzaniu danych.
Wartość Dane wejściowe
Oświadczenie Dalej

Ikony

Ikona to element wizualny znajdujący się w bloku. Zawsze znajdują się w lewym górnym rogu bloku i często tworzą bańki.

Blok „jeśli-wykonaj” z ikoną mutatora i ikonami komentarzy.

Ten sam blok z otwartym mutatorem i dymkami komentarzy. Dymek mutatora umożliwia dodawanie do bloku klauzul „else”, a dymek komentarza pozwala wpisać komentarz do bloku.