blockly > BlockSvg

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, IDeletable 

Espande: Blocca

Implementa: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable

Costruttori

Costruttore Modificatori Descrizione
(costruttore)(workspace, prototypeName, opt_id) Crea una nuova istanza della classe BlockSvg

Proprietà

Proprietà Modificatori Tipo Descrizione
COLLAPSED_WARNING_ID

static

readonly

(non dichiarato) ID per visualizzare gli "avvisi compressi" avviso. Consente di rimuovere gli "avvisi compressi" senza rimuovere gli avvisi appartenenti al blocco.
customContextMenu? (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => null (Facoltativo)
scomporre? (p1: Area di lavoro) => BlockSvg (Facoltativo)
altezza numero Altezza del blocco, esclusi eventuali blocchi di istruzioni sopra o sotto. L'altezza è indicata in unità dello spazio di lavoro.
INLINE

static

readonly

(non dichiarato) Costante per identificare le righe da visualizzare in linea. Non entrare in conflitto con Blockly.inputTypes.
mutatore MutatorIcon | null L'icona mutatore del blocco (se presente).
nextConnection RenderedConnection
outputConnection RenderedConnection
previousConnection RenderedConnection
renderizzati readonly (non dichiarato) Questo blocco è un blocco SVG?
saveConnections? (p1: BlockSvg) => null (Facoltativo)
stile BlockStyle
larghezza numero Larghezza di questo blocco, inclusi eventuali blocchi con valori collegati. La larghezza è indicata in unità dell'area di lavoro.
workspace WorkspaceSvg

Metodi

Metodo Modificatori Descrizione
addIcon(icon)
addSelect() Aggiunge l'elemento visivo "select" un effetto sul blocco, ma non lo seleziona né attiva un evento.
appendInput(input)
bumpNeighbours()

Picchi di blocchi scollegati non allineati.

Due blocchi che non sono effettivamente collegati non dovrebbero necessariamente allinearsi sullo schermo, perché crea confusione per gli utenti finali.

checkAndDelete() Eliminare un blocco e nascondere il resto. Il blocco non verrà eliminato se si trova in un riquadro a scomparsa. 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 devi eseguire i controlli a scomparsa, gestire il raggruppamento di eventi o nascondere lo spazio di lavoro, utilizza direttamente block.dispose().
elimina(healStack, animate) Smaltire questo blocco.
disposeInternal() Elimina questo blocco senza eseguire le operazioni richieste dal blocco in alto. Ad es. attiva effetti nell'interfaccia utente, rimuove nodi e così via.
trascina(newLoc, e) Trascina il blocco nella posizione specificata.
endDrag(e) Termina il trascinamento sul blocco.
generateContextMenu() protected Genera il menu contestuale per questo blocco.
getBoundingRectangle() Restituisce le coordinate di un riquadro di delimitazione che descrivono le dimensioni del blocco e degli eventuali blocchi impilati al di sotto. Sistema di coordinate: coordinate dell'area di lavoro.
getChildren(ordered) Trova tutti i blocchi direttamente nidificati all'interno di questo. Include input di valore e istruzioni, nonché qualsiasi istruzione riportata di seguito. Esclude qualsiasi connessione su una scheda di output o qualsiasi istruzione precedente. I blocchi sono facoltativamente ordinati per posizione; dall'alto verso il basso.
getColour() Ottieni il colore di un blocco.
getColourSecondary() Ottieni il colore secondario di un blocco.
getColourTertiary() Ottieni il colore terziario di un blocco.
getNextBlock() Restituisce il blocco di istruzioni 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), in unità dell'area di lavoro. Se il blocco si trova nello spazio di lavoro, (0, 0) è l'origine del sistema di coordinate dello spazio di lavoro. Questo non cambia con la scala dell'area di lavoro.
getSvgRoot() Restituisce il nodo radice del file SVG o nullo se non ne esiste nessuno.
initSvg() Crea e inizializza la rappresentazione SVG del blocco. Può essere chiamato più di una volta.
isMovable() Indica se il blocco è spostabile.
markDirty() Invia una notifica a ogni input di questo blocco per contrassegnare i relativi campi come "sporchi". Un campo "sporco" è un campo che deve essere sottoposto di nuovo a rendering.
moveBy(dx, dy, reason) Spostare un blocco di un offset relativo.
moveNumberedInputBefore(inputIndex, refIndex) Sposta un input numerato in un'altra posizione di questo blocco.
moveTo(xy, motivo) Sposta un blocco in una posizione.
removeIcon(type)
removeInput(name, opt_quiet) Rimuovi un input da questo blocco.
removeSelect() Rimuove l'elemento visivo "select" dal blocco, ma non la deseleziona né attiva un evento.
render() Imposta immediatamente e reindirizza il blocco in base ai suoi contenuti e alle sue impostazioni.
revertDrag() Riporta il blocco nella posizione in cui si trovava all'inizio di un trascinamento.
scheduleSnapAndBump() Allinea la griglia e sposta i blocchi vicini al termine del rendering successivo.
select() Consente di selezionare questo blocco. Mette in evidenza il blocco visivamente.
setCollapsed(collapsed) Indica se il blocco è compresso o meno.
setColour(colour) Modificare il colore di un blocco.
setDisabledReason(disabled, reason) Aggiungi o rimuovi un motivo per cui il blocco potrebbe essere disattivato. Se un blocco può essere disattivato, il blocco stesso verrà considerato disattivato. Un blocco può essere disattivato contemporaneamente per più motivi indipendenti, ad esempio quando l'utente lo disattiva manualmente o non è valido.
setDragStrategy(dragStrategy) Imposta la strategia di trascinamento per questo blocco.
setEditable(editable) Scegli se il blocco può essere modificato o meno.
setEnabled(enabled)
setHighlighted(highlighted) Specifica se il blocco deve essere evidenziato o meno. L'evidenziazione dei blocchi viene spesso utilizzata per contrassegnare visivamente i blocchi attualmente in esecuzione.
setInputsInline(newBoolean) Consente di impostare se i valori inseriti sono disposti orizzontalmente o verticalmente.
setMovable(movable) Specifica se il blocco è spostabile o meno.
setMutator(mutator) Aggiungi a questo blocco una finestra di dialogo mutatore.
setNextStatement(newBoolean, opt_check) Consente di stabilire se un altro blocco può essere concatenato alla parte inferiore di questo blocco.
setOutput(newBoolean, opt_check) Imposta se questo blocco restituisce un valore.
setPreviousStatement(newBoolean, opt_check) Imposta se questo blocco può essere concatenato alla 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.
startDrag(e) Avvia un trascinamento sul blocco.
tab(start, progress) Apri il campo FieldTextInput successivo (o precedente).
toCopyData() Codifica un blocco per la copia.
toFlyoutInfo() Restituisce una rappresentazione del blocco che può essere visualizzato in un riquadro a scomparsa.
translate(x, y) Trasforma un blocco impostando la traduzione sull'attributo di trasformazione del file SVG del blocco.
deseleziona() Deseleziona questo blocco. Consente di eliminare visivamente la pagina a blocchi.
updateMarkers_() protected Se necessario, ridisegna eventuali indicatori o svg del cursore allegati.