Clase BlockSvg
Es la clase para la representación SVG de un bloque. Normalmente, no se llama directamente, sino que se prefiere workspace.newBlock().
Signature:
export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable
Extiende: Bloquear
Implementa: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable.
Constructores
| Constructor | Modificadores | Descripción |
|---|---|---|
| (constructor)(workspace, prototipoName, opt_id) | Construye una instancia nueva de la clase BlockSvg. |
Propiedades
| Propiedad | Modificadores | Tipo | Descripción |
|---|---|---|---|
| COLLAPSED_WARNING_ID |
|
(no declarado) | ID para mostrar la advertencia "advertencias contraídas". Nos permite quitar las advertencias de "advertencias contraídas" sin quitar las que pertenecen al bloqueo. |
| customContextMenu? | (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void | (Opcional) | |
| descomponer? | (p1: Lugar de trabajo) => BlockSvg | (Opcional) | |
| altura | número | Altura de este bloque, sin incluir ningún bloque de instrucción arriba o abajo. La altura se indica en las unidades del espacio de trabajo. | |
| INLINE |
|
(no declarado) | Es constante para identificar las filas que se renderizarán intercaladas. No colisiones con Blockly.inputTypes. |
| mutador | MutatorIcon | nulo | Ícono de mutador del bloque (si existe) | |
| nextConnection | RenderedConnection | ||
| outputConnection | RenderedConnection | ||
| previousConnection | RenderedConnection | ||
| renderizado | boolean | ||
| saveConnections? | (p1: BlockSvg) => void | (Opcional) | |
| estilo | BlockStyle | ||
| advertencia | WarningIcon | nulo | Ícono de advertencia del bloqueo (si corresponde) | |
| ancho | número | Ancho de este bloque, incluidos los bloques de valores conectados. El ancho corresponde a las unidades del espacio de trabajo. | |
| lugar de trabajo | WorkspaceSvg |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| addIcon(icon) | ||
| addSelect() | Agrega el efecto visual "seleccionar" al bloque, pero no lo selecciona ni activa un evento. | |
| appendInput(input) | ||
| bumpNeighbours() | Eleva los bloques desconectados y no está alineado. Dos bloques que no están realmente conectados no deben coincidir casualmente en la pantalla, ya que eso crea confusión para los usuarios finales. |
|
| checkAndDelete() | Elimina un bloque y escríbelo cuando lo hagas. El bloque no se eliminará si está en un menú flotante. Este método se llama desde el menú contextual y las combinaciones de teclas como la acción de eliminación completa. Si eliminas un bloque del lugar de trabajo y no necesitas realizar verificaciones flotantes, controlar la agrupación de eventos ni ocultar datos, usa block.dispose() directamente. |
|
| dispose(healStack, animate) | Deshazte de este bloque. | |
| disposeInternal() | Elimina este bloque sin realizar las acciones que requiere el bloque superior. P.ej., activa efectos de la IU, quita nodos, etcétera. | |
| generateContextMenu() | protected |
Genera el menú contextual para este bloque. |
| getBoundingRectangle() | Muestra las coordenadas de un cuadro delimitador que describe las dimensiones de este bloque y cualquier bloque apilado debajo de él. Sistema de coordenadas: coordenadas del lugar de trabajo. | |
| getChildren(ordered) | Busca todos los bloques que están directamente anidados dentro de este. Incluye entradas de valores y resúmenes, así como las siguientes. Excluye cualquier conexión en una pestaña de salida o cualquier instrucción anterior. De manera opcional, los bloques se ordenan por posición (de arriba abajo). | |
| getColour() | Obtiene el color de un bloque. | |
| getColourSecondary() | Obtienes el color secundario de un bloque. | |
| getColourTertiary() | Obtiene el color terciario de un bloque. | |
| getCommentIcon() | El ícono de comentario se adjuntó a este bloque, o el valor será nulo si el bloque no tiene comentarios. | |
| getNextBlock() | Muestra el siguiente bloque de sentencia directamente conectado a este bloque. | |
| getPreviousBlock() | Muestra el bloque conectado a la conexión anterior. | |
| getRelativeToSurfaceXY() | Muestra las coordenadas de la esquina superior izquierda de este bloque en relación con el origen de la superficie de dibujo (0,0), en unidades de espacio de trabajo. Si el bloque se encuentra en el lugar de trabajo, (0, 0) es el origen del sistema de coordenadas del lugar de trabajo. Esto no cambia con la escala del lugar de trabajo. | |
| getSvgRoot() | Muestra el nodo raíz del SVG o un valor nulo si no existe ninguno. | |
| initSvg(). | Crea e inicializa la representación SVG del bloque. Se puede llamar más de una vez. | |
| markDirty() | Notifica a todas las entradas de este bloque para que marquen los campos como sucios. Un campo sucio es un campo que se debe volver a renderizar. | |
| moveBy(dx, dy, motivo) | Mover un bloque por un desplazamiento relativo. | |
| moveNumberedInputBefore(inputIndex, refIndex) | Mueve una entrada numerada a una ubicación diferente en este bloque. | |
| moveTo(xy, motivo) | Mueve un bloque a una posición. | |
| removeIcon(type) | ||
| removeInput(name, opt_quiet) | Quita una entrada de este bloque. | |
| removeSelect() | Elimina el efecto visual "seleccionar" del bloque, pero no anula la selección ni activa un evento. | |
| render(). | Implementa y reorganiza un bloque de inmediato en función de su contenido y configuración. | |
| seleccionar() | Selecciona este bloque. Destaca el bloque visualmente y activa un evento de selección si el bloque aún no está seleccionado. | |
| setCollapsed(collapsed) | Establece si el bloque está contraído o no. | |
| setColour(colour) | Cambiar el color de un bloque. | |
| setEditable(editable) | Indica si el bloque se puede editar o no. | |
| setEnabled(enabled) | Establece si el bloqueo está habilitado o no. | |
| setHighlighted(highlighted) | Establece si el bloque estará destacado o no. El resaltado de bloques se suele usar para marcar visualmente los bloques que se están ejecutando. | |
| setInputsInline(newBoolean) | Establece si las entradas de valores se organizan de forma horizontal o vertical. | |
| setMovable(movable) | Establece si este bloque se puede mover o no. | |
| setMutator(mutator) | Asigna un diálogo de mutador a este bloque. | |
| setNextStatement(newBoolean, opt_check) | Establece si otro bloque se puede encadenar con la parte inferior de este bloque. | |
| setOutput(newBoolean, opt_check) | Establece si este bloque devuelve un valor. | |
| setPreviousStatement(newBoolean, opt_check) | Establece si este bloque puede encadenarse con la parte inferior de otro bloque. | |
| setStyle(blockStyleName) | Establece los valores de estilo y color de un bloque. | |
| setWarningText(text, id) | Establece el texto de advertencia de este bloque. | |
| snapToGrid() | Ajusta este bloque al punto de cuadrícula más cercano. | |
| tab(iniciar, avanzar) | Abre el campo FieldTextInput siguiente (o anterior). | |
| toCopyData() | Codifica un bloque para copiarlo. | |
| translate(x, y) | Transforma un bloque configurando la traducción en el atributo de transformación del SVG del bloque. | |
| unselect(). | Anula la selección de este bloque. Quita el énfasis del bloque y activa un evento de selección (falso) si el bloque está seleccionado actualmente. | |
| updateMarkers_() | protected |
Vuelve a dibujar cualquier marcador adjunto o SVG del cursor si es necesario. |