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. |