blockly > blockRendering > Panel lateral
Clase blockRendering.Drawer
Un objeto que dibuja un bloque basado en la información de renderización determinada.
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_ | string | ||
| outlinePath_ | string | ||
| topLeft_ | Coordinar |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| draw() | Dibuja el bloque en el espacio de trabajo. Aquí, “dibujo” significa configurar elementos de ruta SVG y mover campos, íconos y conexiones en la pantalla. Las partes de los trazados se envían a arrays de "pasos", que luego se unen con espacios y se establecen 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, posiblemente con una muesca para la próxima 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 |
Dibujar los componentes internos del bloque: entradas intercaladas, campos e íconos. Estos no dependen de la ruta externa para su colocación. |
| drawJaggedEdge_(row) | protected |
Agrega pasos para el borde irregular de una fila en un bloque contraído. |
| drawLeft_() | protected |
Agrega pasos para el lado izquierdo del bloque, lo que puede incluir una conexión de salida. |
| drawOutline_() | protected |
Crea el contorno del bloque. Esta es una única ruta continua. |
| drawRightSideRow_(row) | protected |
Agrega pasos para el lado derecho de una fila que no tenga conexiones de entrada de valor o sentencia. |
| 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 los sombreros y las esquinas redondeadas. |
| drawValueInput_(row) | protected |
Agrega pasos para una entrada de valor externo, renderizados como un recorte en el costado del bloque. |
| 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 externa, teniendo en cuenta RTL y el pequeño espacio entre el bloque superior y el secundario que permite que se muestre el camino oscuro del bloque superior. |
| positionInlineInputConnection_(input) | protected |
Posiciona la conexión en una entrada de valor intercalado, teniendo en cuenta RTL y el pequeño espacio entre el bloque superior y el secundario que permite que se muestre el camino oscuro del bloque superior. |
| positionNextConnection_() | protected |
Coloca la siguiente conexión en un bloque. |
| positionOutputConnection_() | protected |
Posiciona la conexión de salida en un bloque. |
| positionPreviousConnection_() | protected |
Coloca la conexión anterior en un bloque. |
| positionStatementInputConnection_(row) | protected |
Posiciona la conexión en una entrada de instrucción, teniendo en cuenta RTL y el pequeño espacio entre el bloque superior y el secundario que permite que se muestre la ruta oscura del bloque superior. |
| recordSizeOnBlock_() | protected |
Guarda la información sobre el tamaño en el bloque. La mayor parte de la información de la renderización se puede desechar al final de la renderización. Todo lo que se deba conservar se debe configurar en esta función. |
| updateConnectionHighlights() | protected |
Actualiza el objeto de ruta de acceso para reflejar las conexiones en el bloque que se destacan. |