Strumenti per sviluppatori Blockly
è uno strumento per sviluppatori basato sul web che automatizza parti della configurazione di Blockly
come creare blocchi personalizzati, creare una serie di strumenti,
e la configurazione dell'area di lavoro Blockly per il web.
Il processo per sviluppatori Blockly che utilizza lo strumento è costituito da tre parti:
- Crea blocchi personalizzati utilizzando Block Factory e Block Exporter.
- Creare una serie di strumenti e un'area di lavoro predefinita utilizzando Workspace Factory.
- Configura l'area di lavoro utilizzando Workspace Producer (attualmente una versione solo web ).
Blocca scheda fabbrica
La scheda Fabbrica di blocchi ti aiuta a creare definizioni dei blocchi e generatori di codici a blocchi per i blocchi personalizzati. In questa scheda puoi creare, modificare e salvare blocchi personalizzati.
Definizione di un blocco
Questo video illustra nel dettaglio la procedura per definire un blocco. La UI è disattivata ma gli elementi del blocco messi in evidenza sono comunque precisi.
Gestione della libreria
Ai blocchi viene fatto riferimento in base al nome, quindi ogni blocco che vuoi creare deve avere un nome univoco. L'interfaccia utente applica questa funzionalità e indica chiaramente quando stai "salvando" un nuovo blocco o "in aggiornamento" un blocco esistente.
Puoi spostarti tra i blocchi salvati in precedenza o crearne uno nuovo facendo clic sul pulsante Raccolta. La modifica del nome di un blocco esistente è un altro modo per creare rapidamente più blocchi con definizioni simili.
Esportazione e importazione di una libreria
I blocchi vengono salvati nello spazio di archiviazione locale del browser. Cancellare i dati locali del browser lo spazio di archiviazione eliminerà i blocchi. Per salvare i blocchi a tempo indeterminato, devi scaricare la raccolta. La libreria dei blocchi viene scaricata come XML che può essere importato per impostare la libreria di blocchi sullo stato in cui si trovava quando in cui hai scaricato il file. Tieni presente che l'importazione di una libreria di blocchi sostituisce corrente, quindi ti consigliamo di esportarli prima.
Le funzionalità di importazione ed esportazione sono consigliate anche per mantenere condividono set di blocchi personalizzati.
Scheda Esportatore dei blocchi
Una volta progettati i blocchi, devi esportare le definizioni dei blocchi e stub del generatore per usarli in un'app. Questa operazione viene eseguita Scheda Esportatore di blocchi.
Ogni blocco memorizzato nella libreria dei blocchi viene visualizzato nel selettore dei blocchi. Fai clic sul blocco per selezionarlo o deselezionarlo per l'esportazione. Se vuoi selezionare per tutti i blocchi della libreria, usa "Seleziona" → "Tutti i blocchi "Raccolta". Se hai creato gli strumenti o configurato l'area di lavoro utilizzando scheda Fabbrica di Workspace, puoi anche selezionare tutti i blocchi utilizzati facendo clic su "Seleziona" → "Tutti gli elementi utilizzati nello sviluppo di Workspace".
Le impostazioni di esportazione ti consentono di scegliere quale lingua generata vuoi scegliere come target e se desideri le definizioni, gli stub del generatore o entrambi i blocchi selezionati. Dopo averli selezionati, fai clic su "Esporta" per scaricare .
Scheda Fabbrica di Workspace
Lo strumento Workspace Factory semplifica la configurazione di una serie di strumenti e di un insieme di blocchi in un'area di lavoro. Puoi passare dalla modifica degli strumenti alla iniziare l'area di lavoro con "Strumenti" e "Area di lavoro" pulsanti.
Costruire una serie di strumenti
Questa scheda consente di creare il codice XML per una casella degli strumenti. Il materiale presuppone familiarità con le funzionalità di Toolbox. Se hai già un file XML per una serie di strumenti che vuoi modificare, puoi per caricarlo, fai clic su "Carica per modificare".
Strumenti senza categorie
Se hai alcuni isolati e vuoi visualizzarli senza categorie, è sufficiente e trascinali nell'area di lavoro: i blocchi verranno visualizzati nella barra degli strumenti. nell'anteprima.
Strumenti con categorie
Se vuoi visualizzare i blocchi in categorie, fai clic sul pulsante "+" e seleziona un elemento del menu a discesa per la nuova categoria. Verrà aggiunta una categoria al tuo elenco di categorie. che puoi selezionare e modificare. Seleziona "Categoria standard" per aggiungere una singola la categoria Blockly standard (Logica, Loop e così via) o "Strumento per la casella degli strumenti standard" per aggiungere tutte delle categorie Blockly standard. Utilizza i pulsanti freccia per riordinare le categorie.
Per modificare il nome o il colore della categoria selezionata, utilizza "Modifica categoria" menu a discesa. Trascina un blocco nello spazio di lavoro per aggiungerlo all'elemento selezionato categoria.
Blocchi avanzati
Per impostazione predefinita, puoi aggiungere qualsiasi blocco standard o qualsiasi blocco nella tua libreria al set di strumenti. Se hai blocchi definiti in JSON che non sono nella tua libreria, puoi importarli usando il pulsante "Importa blocchi personalizzati" .
Alcuni blocchi devono essere utilizzati insieme o includere valori predefiniti. Questo viene fatto con di gruppi e ombre. Qualsiasi I blocchi collegati nell'editor verranno aggiunti alla casella degli strumenti come gruppo. I blocchi attaccati a un altro blocco possono essere modificati in blocchi ombra. selezionando il blocco secondario e facendo clic sul pulsante . Nota: solo i blocchi secondari che non contengono una variabile possono essere modificati in shadow isolati.
Se includi una variabile o un blocco funzione nei relativi strumenti, includi un la categoria "Variabili" o "Funzioni" degli strumenti per consentire agli utenti di il blocco. Scopri di più su "Variabili" o "Funzioni" .
Configurare un'area di lavoro (per il web Blockly)
Per configurare diverse parti dell'area di lavoro, vai alla pagina di fabbrica di Workspace e seleziona "Area di lavoro".
Scegli le opzioni dell'area di lavoro
Imposta valori diversi per opzioni di configurazione e vedere il risultato nell'area di anteprima. Abilitazione in corso... grid o Lo zoom mostra altre opzioni da configurare. Inoltre, il passaggio alle categorie di solito richiede una procedura workspace; un cestino e le barre di scorrimento vengono aggiunte automaticamente quando aggiungi nella prima categoria.
Aggiungi blocchi precaricati all'area di lavoro
Questa operazione è facoltativa, ma potrebbe essere necessaria se vuoi visualizzare un insieme di blocchi in nell'area di lavoro:
- Quando viene caricata l'applicazione.
- Quando viene attivato un evento (avanzamento di un livello, clic su un pulsante della guida e così via).
Trascina i blocchi nell'area di modifica per visualizzarli nell'area di lavoro nell'anteprima. Puoi creare gruppi di blocchi, disattivare i blocchi e fare in modo che determinati blocchi vengano ombreggiati i blocchi quando li selezioni.
Puoi esportare questi blocchi come XML (vedi sotto). Aggiungili alla tua area di lavoro con
Blockly.Xml.domToWorkspace
, subito dopo aver creato l'area di lavoro:
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);
Questo codice di esempio aggiunge un singolo blocco math_number
all'area di lavoro.
In fase di esportazione
Workspace Factory offre le seguenti opzioni di esportazione:
- Codice di avvio: genera HTML e JavaScript di partenza per inserire il tuo codice Area di lavoro Blockly.
- Casella degli strumenti: genera un codice XML per specificare la tua serie di strumenti.
- Workspace Blocks: genera un file XML che può essere caricato in un'area di lavoro.