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, info) Crea una nuova istanza della classe Drawer

Proprietà

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

Metodi

Metodo Modificatori Descrizione
draw()

Disegna il blocco nello spazio di lavoro. Qui "disegno" significa impostare gli elementi dei percorsi SVG e spostare campi, icone e connessioni sullo schermo.

I percorsi vengono inseriti in array di "passi", che vengono poi uniti con degli spazi e posizionati direttamente sul blocco. Ciò garantisce che i passaggi siano separati da spazi per una migliore leggibilità, ma non è obbligatorio.

drawBottom_() protected Aggiungi i passaggi per il bordo inferiore di un blocco, includendo eventualmente un incavo 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 Disegnare l'interno del blocco: input, campi e icone in linea. Questi non dipendono dal percorso esterno per il posizionamento.
drawJaggedEdge_(row) protected Aggiungi i 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 lo schema del blocco. Si tratta di un singolo percorso continuo.
drawRightSideRow_(row) protected Aggiungi i passaggi per il lato destro di una riga che non ha connessioni di input per valori o istruzioni.
drawStatementInput_(row) protected Aggiungi i passaggi per l'inserimento di un'istruzione.
drawTop_() protected Aggiungi i passaggi per l'angolo superiore del blocco, tenendo in considerazione dettagli come cappelli e angoli arrotondati.
drawValueInput_(row) protected Aggiungi i 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 conto dell'RTL e del piccolo spazio tra il blocco principale e il blocco secondario 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 dell'RTL e del piccolo spazio tra il blocco principale e il blocco 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 uscita 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 dell'RTL e del piccolo spazio tra il blocco principale e il blocco secondario che consente di visualizzare il percorso scuro del blocco principale.
recordSizeOnBlock_() protected Salva le informazioni sulle dimensioni nel blocco La maggior parte delle informazioni di rendering può essere eliminata al termine del rendering. In questa funzione deve essere impostato tutto ciò che deve essere mantenuto.
updateConnectionHighlights() protected Aggiorna l'oggetto del percorso per riflettere le connessioni sul blocco evidenziate.