blockly > blockRendering > Riquadro a scomparsa

classe blockRendering.Drawer

Un oggetto che disegna un blocco in base alle informazioni di rendering fornite.

Firma:

export declare class Drawer 

Costruttori

Costruttore Modificatori Descrizione
(costruttore)(blocco, informazioni) Crea una nuova istanza della classe Drawer

Proprietà

Proprietà Modificatori Tipo Descrizione
block_ BlockSvg
constants_ protected ConstantProvider
info_ RenderInfo
inlinePath_ stringa
outlinePath_ stringa
topLeft_ Coordinata

Metodi

Metodo Modificatori Descrizione
draw()

Disegna il blocco nello spazio di lavoro. In questo caso, il "disegno" comporta l'impostazione di elementi del percorso SVG e lo spostamento di campi, icone e connessioni sullo schermo.

Le parti dei percorsi vengono inviate tramite push in array di "passaggi", che vengono poi uniti con degli spazi e impostati direttamente nel blocco. Questa operazione garantisce che i passaggi siano separati da spazi per migliorare la leggibilità, ma non è obbligatorio.

drawBottom_() protected Aggiungi passaggi per il bordo inferiore di un blocco, includendo possibilmente un'incisione per la connessione successiva.
drawConnectionHighlightPath(measurable) Restituisce un percorso per evidenziare la connessione specificata.
drawInlineInput_(input) protected Aggiungi i passaggi per un input in linea.
drawInternals_() protected Traccia gli elementi interni del blocco: input, campi e icone in linea. Non dipendono dal percorso esterno per il posizionamento.
drawJaggedEdge_(row) protected Aggiungi passaggi per il bordo frastagliato di una riga in un blocco compresso.
drawLeft_() protected Aggiungi passaggi per il lato sinistro del blocco, che potrebbe includere una connessione di output
drawOutline_() protected Crea la sagoma del blocco. Si tratta di un singolo percorso continuo.
drawRightSideRow_(row) protected Aggiungi passaggi per il lato destro di una riga che non ha connessioni di input con valori o istruzioni.
drawStatementInput_(row) protected Aggiungi i passaggi per l'input di un'istruzione.
drawTop_() protected Aggiungi passaggi per l'angolo superiore del blocco, tenendo conto di dettagli come cappelli e angoli arrotondati.
drawValueInput_(row) protected Aggiungi passaggi per un input di valore esterno, visualizzato sotto forma di tacca sul lato del blocco.
layoutField_(fieldInfo) protected Esegui il push della nuova posizione di un campo o di un'icona alla relativa radice SVG.
positionExternalValueConnection_(row) protected Posiziona la connessione su un input di valore esterno, tenendo in considerazione il valore RTL e il piccolo spazio tra il blocco padre e quello figlio che consente di visualizzare il percorso scuro del blocco principale.
positionInlineInputConnection_(input) protected Posiziona la connessione su un input di valore in linea, tenendo conto dei limiti RTL e del piccolo spazio tra il blocco principale e quello secondario che consente di visualizzare il percorso scuro del blocco principale.
positionNextConnection_() protected Posiziona la connessione successiva su un blocco.
positionOutputConnection_() protected Posiziona la connessione di output su un blocco.
positionPreviousConnection_() protected Posiziona la connessione precedente su un blocco.
positionStatementInputConnection_(row) protected Posiziona la connessione su un input di istruzione, tenendo conto del numero RTL e del piccolo divario tra il blocco padre e quello figlio che consente di visualizzare il percorso buio del blocco padre.
recordSizeOnBlock_() protected Salva le informazioni sulle dimensioni nel blocco. La maggior parte delle informazioni sul rendering può essere eliminata alla fine del rendering. Tutto ciò che deve essere mantenuto deve essere impostato in questa funzione.
updateConnectionHighlights() protected Aggiorna l'oggetto del percorso per riflettere le connessioni nel blocco evidenziate.