blockly > blockRendering > Drawer

Classe blockRendering.Drawer

Objet qui trace un bloc en fonction des informations de rendu fournies.

Signature :

export declare class Drawer 

Constructeurs

Constructeur Modificateurs Description
(constructeur)(pâté, informations) Construit une instance de la classe Drawer.

Propriétés

Propriété Modificateurs Type Description
block_ BlockSvg
constants_ protected ConstantProvider
info_ RenderInfo
inlinePath_ chaîne
outlinePath_ chaîne
topLeft_ Google Coordinate

Méthodes

Méthode Modificateurs Description
draw()

Dessinez le volume dans l'espace de travail. Ici, le "dessin" consiste à définir des éléments de tracé SVG et à déplacer des champs, des icônes et des connexions à l'écran.

Les parties des chemins sont introduites dans des tableaux de "étapes", qui sont ensuite reliés par des espaces et définis directement dans le bloc. Cela garantit que les étapes sont séparées par des espaces pour une meilleure lisibilité, mais ce n'est pas une obligation.

drawBottom_() protected Ajoutez des marches pour le bord inférieur d'un volume, y compris une encoche pour la connexion suivante.
drawConnectionHighlightPath(measurable) Renvoie un chemin d'accès pour mettre en surbrillance la connexion donnée.
drawInlineInput_(input) protected Ajoutez des étapes pour une entrée intégrée.
drawInternals_() protected Dessinez les composants internes du bloc: entrées intégrées, champs et icônes. Ils ne dépendent pas du chemin d'accès externe pour l'emplacement.
drawJaggedEdge_(row) protected Ajoutez des étapes pour le bord dentelé d'une ligne sur un volume réduit.
drawLeft_() protected Ajoutez des étapes pour le côté gauche du bloc, qui peuvent inclure une connexion de sortie.
drawOutline_() protected Créez le contour du volume. Il s'agit d'un chemin d'accès continu unique.
drawRightSideRow_(row) protected Ajoutez des étapes pour le côté droit d'une ligne qui n'a pas de connexions d'entrée de valeur ou d'instruction.
drawStatementInput_(row) protected Ajoutez des étapes pour une entrée d'instruction.
drawTop_() protected Ajoutez des marches pour l'angle supérieur du bloc, en tenant compte de détails tels que les chapeaux et les coins arrondis.
drawValueInput_(row) protected Ajoutez des étapes pour une entrée de valeur externe, représentée par une encoche sur le côté du bloc.
hideHiddenIcons_() protected Masquez les icônes marquées comme masquées.
layoutField_(fieldInfo) protected Déplacez la nouvelle position d'un champ ou d'une icône vers sa racine SVG.
positionExternalValueConnection_(row) protected Positionnez la connexion sur une entrée de valeur externe, en tenant compte du texte de droite à gauche et du petit écart entre le bloc parent et le bloc enfant, qui laisse apparaître le chemin sombre du bloc parent.
positionInlineInputConnection_(input) protected Positionnez la connexion sur une entrée de valeur intégrée, en tenant compte du texte de droite à gauche et du petit écart entre le bloc parent et le bloc enfant, qui laisse apparaître le chemin sombre du bloc parent.
positionNextConnection_() protected Positionnez la connexion suivante sur un volume.
positionOutputConnection_() protected Positionnez la connexion de sortie sur un bloc.
positionPreviousConnection_() protected Positionnez la connexion précédente sur un volume.
positionStatementInputConnection_(row) protected Positionnez la connexion au niveau d'une entrée d'instruction, en tenant compte du texte de droite à gauche et du petit écart entre le bloc parent et le bloc enfant, qui laisse apparaître le chemin sombre du bloc parent.
recordSizeOnBlock_() protected Enregistrez les informations de dimensionnement dans le bloc. La plupart des informations de rendu peuvent être supprimées à la fin du rendu. Tout ce qui doit être conservé doit être défini dans cette fonction.
updateConnectionHighlights() protected Met à jour l'objet de chemin pour indiquer les connexions du bloc qui sont mises en surbrillance.