blockly > blockRendering > Panel lateral

Clase blockRendering.Drawer

Es un objeto que dibuja un bloque según la información de renderización proporcionada.

Signature:

export declare class Drawer 

Constructores

Constructor	Modificadores	Descripción
(constructor)(bloque, información)		Construye una instancia nueva de la clase Drawer.

Propiedades

Propiedad	Modificadores	Tipo	Descripción
block_		BlockSvg
constants_	protected	ConstantProvider
info_		RenderInfo
inlinePath_		cadena
outlinePath_		cadena
topLeft_		Coordinación

Métodos

Método	Modificadores	Descripción
draw()		Dibuja el bloque en el lugar de trabajo. Aquí, "dibujar" significa configurar elementos de ruta de acceso SVG y mover campos, íconos y conexiones en la pantalla. Las partes de las rutas se insertan en arrays de "steps", que luego se unen con espacios y se configuran directamente en el bloque. Esto garantiza que los pasos estén separados por espacios para mejorar la legibilidad, pero no es obligatorio.
drawBottom_()	protected	Agrega pasos para el borde inferior de un bloque y, en algunos casos, incluye un recorte para la siguiente conexión.
drawConnectionHighlightPath(measurable)		Muestra una ruta de acceso para destacar la conexión determinada.
drawInlineInput_(input)	protected	Agrega pasos para una entrada intercalada.
drawInternals_()	protected	Dibuja las partes internas del bloque: entradas intercaladas, campos e íconos. Estos elementos no dependen de la ruta externa para la ubicación.
drawJaggedEdge_(row)	protected	Agrega pasos para el borde dentado de una fila en un bloque contraído.
drawLeft_()	protected	Agrega pasos para el lado izquierdo del bloque, que pueden incluir una conexión de salida.
drawOutline_()	protected	Crea el esquema del bloque. Esta es una ruta única y continua.
drawRightSideRow_(row)	protected	Agrega pasos para el lado derecho de una fila que no tiene conexiones de entrada de valores o sentencias.
drawStatementInput_(row)	protected	Agrega pasos para una entrada de instrucción.
drawTop_()	protected	Agrega pasos para la esquina superior del bloque, teniendo en cuenta detalles como sombreros y esquinas redondeadas.
drawValueInput_(row)	protected	Agrega pasos para una entrada de valor externo, renderizado como un recorte al costado del bloque.
hideHiddenIcons_()	protected	Ocultar los íconos que se marcaron como ocultos.
layoutField_(fieldInfo)	protected	Envía la nueva posición de un campo o ícono a su raíz SVG.
positionExternalValueConnection_(row)	protected	Posiciona la conexión en una entrada de valor externo teniendo en cuenta la dirección de derecha a izquierda y el pequeño espacio entre el bloque principal y el bloque secundario que permite que se muestre la ruta oscura del bloque superior.
positionInlineInputConnection_(input)	protected	Posiciona la conexión en una entrada de valor intercalado, ten en cuenta la dirección de derecha a izquierda y el pequeño espacio entre el bloque principal y el bloque secundario que permite que se muestre la ruta oscura del bloque superior.
positionNextConnection_()	protected	Posiciona la siguiente conexión en un bloque.
positionOutputConnection_()	protected	Posiciona la conexión de salida en un bloque.
positionPreviousConnection_()	protected	Posiciona la conexión anterior en un bloque.
positionStatementInputConnection_(row)	protected	Posiciona la conexión en una entrada de instrucción teniendo en cuenta la dirección de derecha a izquierda y el pequeño espacio entre el bloque principal y el bloque secundario que permite que se muestre la ruta oscura del bloque superior.
recordSizeOnBlock_()	protected	Guarda la información de tamaño en el bloque. La mayor parte de la información de renderización se puede descartar al final de la renderización. Todo lo que se debe conservar debe configurarse en esta función.
updateConnectionHighlights()	protected	Actualiza el objeto de la ruta de acceso para reflejar las conexiones del bloque que están destacadas.