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