Classe BlockSvg
Classe per la rappresentazione SVG di un blocco. Normalmente non viene chiamato direttamente, è preferibile workspace.newBlock().
Firma:
export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable
Estende: Blocca
Implementa: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable
Costruttori
| Costruttore | Modificatori | Descrizione |
|---|---|---|
| (constructor)(workspace, prototypeName, opt_id) | Crea una nuova istanza della classe BlockSvg |
Proprietà
| Proprietà | Modificatori | Tipo | Descrizione |
|---|---|---|---|
| COLLAPSED_WARNING_ID |
|
(non dichiarato) | ID per inviare l'avviso "avvisi compressi". Ci consente di rimuovere l'avviso "avvisi compressi" senza rimuovere gli avvisi che appartengono al blocco. |
| customContextMenu? | (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void | (Facoltativo) | |
| decomporre? | (p1: Area di lavoro) => BlockSvg | (Facoltativo) | |
| altezza | numero | Altezza di questo blocco, esclusi blocchi di istruzioni sopra o sotto. L'altezza è indicata nelle unità dell'area di lavoro. | |
| INLINE |
|
(non dichiarato) | Costante per identificare le righe da visualizzare in linea. Non entrare in conflitto con Blockly.inputTypes. |
| mutatore | MutatorIcon | null | Icona di modifica del blocco (se presente). | |
| nextConnection | RenderedConnection | ||
| outputConnection | RenderedConnection | ||
| previousConnection | RenderedConnection | ||
| rendering eseguito | boolean | ||
| saveConnections? | (p1: BlockSvg) => void | (Facoltativo) | |
| stile | BlockStyle | ||
| avviso | WarningIcon | null | Icona di avviso del blocco (se presente). | |
| numero | Larghezza di questo blocco, inclusi eventuali blocchi di valori collegati. La larghezza è indicata nelle unità dell'area di lavoro. | ||
| workspace | WorkspaceSvg |
Metodi
| Metodo | Modificatori | Descrizione |
|---|---|---|
| addIcon(icon) | ||
| addSelect() | Aggiunge l'effetto visivo "select" al blocco, ma in realtà non lo seleziona né attiva un evento. | |
| appendInput(input) | ||
| bumpNeighbours() | Riporta in fuori blocchi i blocchi scollegati. Due blocchi che non sono effettivamente collegati non dovrebbero allinearsi per caso sullo schermo, perché questo crea confusione per gli utenti finali. |
|
| checkAndDelete() | Elimina un blocco e nascondi il lupo durante questa operazione. Il blocco non verrà eliminato se è visualizzato in una finestra a scomparsa. Questa azione viene richiamata dal menu contestuale e dalle scorciatoie da tastiera come azione di eliminazione completa. Se stai eliminando un blocco dallo spazio di lavoro e non hai bisogno di eseguire controlli a comparsa, gestire il raggruppamento di eventi o nascondere il lupo, utilizza direttamente block.dispose(). |
|
| elimina(healStack, animata) | Smaltisci questo blocco. | |
| disposeInternal() | Consente di eliminare questo blocco senza eseguire le operazioni richieste dal blocco in alto. Ad esempio, attiva gli effetti dell'interfaccia utente, rimuove i nodi e così via. | |
| generateContextMenu() | protected |
Genera il menu contestuale per questo blocco. |
| getBoundingRectangle() | Restituisce le coordinate di un riquadro di delimitazione che descrive le dimensioni di questo blocco e degli eventuali blocchi impilati sotto di esso. Sistema di coordinate: coordinate dell'area di lavoro. | |
| getChildren(ordered) | Trova tutti i blocchi direttamente nidificati all'interno di questo. Include input di valori ed istruzioni, nonché qualsiasi istruzione successiva. Esclude qualsiasi connessione in una scheda di output o qualsiasi istruzione precedente. Facoltativamente, i blocchi vengono ordinati in base alla posizione, dall'alto verso il basso. | |
| getColour() | Prendi il colore di un blocco. | |
| getColourSecondary() | Ottieni il colore secondario di un blocco. | |
| getColourTertiary() | Prendi il colore terziario di un blocco. | |
| getCommentIcon() | Aggiungi l'icona del commento al blocco oppure annulla se il blocco non contiene commenti. | |
| getNextBlock() | Restituisce il blocco di istruzione successivo collegato direttamente a questo blocco. | |
| getPreviousBlock() | Restituisce il blocco connesso alla connessione precedente. | |
| getRELATIVEToSurfaceXY() | Restituisce le coordinate dell'angolo in alto a sinistra di questo blocco rispetto all'origine della superficie di disegno (0,0), nelle unità dell'area di lavoro. Se il blocco si trova nell'area di lavoro, (0, 0) è l'origine del sistema di coordinate dell'area di lavoro. Questo non cambia con la scalabilità dell'area di lavoro. | |
| getSvgRoot() | Restituisci il nodo radice del file SVG oppure null se non ne esiste nessuno. | |
| initSvg() | Crea e inizializza la rappresentazione SVG del blocco. Potrebbe essere chiamato più di una volta. | |
| markDirty() | Invia una notifica a ogni input su questo blocco per contrassegnare i campi come sporchi. Un campo "sporco" è un campo che deve essere sottoposto nuovamente a rendering. | |
| moveBy(dx, dy, reason) | Sposta un blocco di un offset relativo. | |
| moveNumberedInputBefore(inputIndex, refIndex) | Sposta un input numerato in una posizione diversa in questo blocco. | |
| moveTo(xy, reason) | Sposta un blocco in una posizione. | |
| removeIcon(type) | ||
| removeInput(name, opt_quiet) | Rimuovi un input da questo blocco. | |
| removeSelect() | Rimuove l'effetto visivo "select" dal blocco, ma in realtà non lo deseleziona né attiva un evento. | |
| render() | Dispone immediatamente ed esegue l'adattamento dinamico del contenuto di un blocco in base ai contenuti e alle impostazioni. | |
| select() | Seleziona questo blocco. Evidenzia visivamente il blocco e attiva un evento di selezione, se il blocco non è già selezionato. | |
| setCollapsed(collapsed) | Specifica se il blocco è compresso o meno. | |
| setColour(colour) | Modifica il colore di un blocco. | |
| setEditable(editable) | Stabilisci se questo blocco può essere modificato o meno. | |
| setEnabled(enabled) | Specifica se il blocco è attivato o meno. | |
| setHighlighted(highlighted) | Specifica se il blocco deve essere evidenziato o meno. L'evidenziazione dei blocchi viene spesso utilizzata per contrassegnare visivamente i blocchi in esecuzione. | |
| setInputsInline(newBoolean) | Consente di stabilire se gli input dei valori devono essere disposti orizzontalmente o verticalmente. | |
| setMovable(movable) | Specifica se il blocco può essere spostato o meno. | |
| setMutator(mutator) | Aggiungi una finestra di dialogo mutatore a questo blocco. | |
| setNextStatement(newBoolean, opt_check) | Specifica se un altro blocco può concatenarsi in fondo a questo blocco. | |
| setOutput(newBoolean, opt_check) | Stabilisci se questo blocco restituisce un valore. | |
| setPreviousStatement(newBoolean, opt_check) | Specifica se questo blocco può concatenarsi nella parte inferiore di un altro blocco. | |
| setStyle(blockStyleName) | Imposta i valori di stile e colore di un blocco. | |
| setWarningText(text, id) | Imposta il testo di avviso di questo blocco. | |
| snapToGrid() | Aggancia questo blocco al punto della griglia più vicino. | |
| tab(inizio, avanti) | Apri il campo FieldTextInput successivo (o precedente). | |
| toCopyData() | Codifica di un blocco per la copia. | |
| translate(x, y) | Trasforma un blocco impostando la traslazione sull'attributo Transform del file SVG del blocco. | |
| unselect() | Deseleziona questo blocco. Rimuove l'evidenziazione dal blocco e attiva un evento select (false) se il blocco è attualmente selezionato. | |
| updateMarkers_() | protected |
Se necessario, ritocca eventuali indicatori o cursore allegati. |