blockly > blockRendering > Tiroir

Classe blockRendering.Drawer

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

Signature :

export declare class Drawer 

Constructeurs

Constructeur Modificateurs Description
(constructeur)(pâté de maisons, infos) Construit une nouvelle 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_ Coordinate

Méthodes

Méthode Modificateurs Description
draw()

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

Les parties des chemins sont transférées dans des tableaux d'étapes, qui sont ensuite joints par des espaces et définis directement sur le bloc. Cela garantit que les étapes sont séparées par des espaces pour une meilleure lisibilité, mais ce n'est pas obligatoire.

drawBottom_() protected Ajoutez des étapes pour le bord inférieur d'un volume, en incluant éventuellement une encoche pour la prochaine connexion.
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 éléments internes du bloc: entrées intégrées, champs et icônes. Ceux-ci ne dépendent pas du chemin externe pour l'emplacement.
drawJaggedEdge_(row) protected Ajoutez des étapes pour l'arête dentelée d'une ligne dans un volume réduit.
drawLeft_() protected Ajoutez des étapes pour le côté gauche du bloc, qui peut inclure une connexion de sortie
drawOutline_() protected Créez les contours du volume. Il s'agit d'un seul chemin continu.
drawRightSideRow_(row) protected Ajoutez des étapes pour le côté droit d'une ligne qui ne comporte pas de connexions d'entrée de valeur ou d'instruction.
drawStatementInput_(row) protected Ajoutez des étapes pour une saisie d'instruction.
drawTop_() protected Ajoutez des étapes pour le coin supérieur du volume, 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ées sous la forme d'une encoche sur le côté du bloc.
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 RTL et de l'écart entre le bloc parent et le bloc enfant, qui permet de voir 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 RTL et de l'écart entre le bloc parent et le bloc enfant, qui permet d'afficher 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 sur une entrée d'instruction, en tenant compte du RTL et de l'écart entre le bloc parent et le bloc enfant, qui permet de voir le chemin sombre du bloc parent.
recordSizeOnBlock_() protected Enregistrez les informations de dimensionnement dans le bloc. La plupart des informations de rendu peuvent être ignoré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 refléter les connexions mises en surbrillance dans le bloc.