blockly > BlockSvg

Clase BlockSvg

Clase para la representación SVG de un bloque. No se suele llamar de forma directa, sino que se prefiere workspace.newBlock().

Signature:

export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable 

Extiende: Bloquear

Implementaciones: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable, IDeletable

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	static readonly	(no declarado)	ID para las “advertencias contraídas” advertencia. Nos permite quitar las "advertencias contraídas" sin quitar las que pertenecen al bloque.
customContextMenu?		(p1: Array<ContextMenuOption | LegacyContextMenuOption>) => anular	(Opcional)
descomponer?		(p1: Espacio de trabajo) => BlockSvg	(Opcional)
altura		número	Altura de este bloque, sin incluir ningún bloque de sentencias por encima o por debajo. La altura se indica en unidades de espacio de trabajo.
INLINE	static readonly	(no declarado)	Constante para identificar las filas que se deben renderizar intercaladas. No colisiones con Blockly.inputTypes.
mutador		MutatorIcon | nulo	Ícono del mutador del bloque (si corresponde)
nextConnection		RenderedConnection
outputConnection		RenderedConnection
previousConnection		RenderedConnection
renderizado	readonly	(no declarado)	¿Este bloqueo es un BlockSVG?
saveConnections?		(p1: BlockSvg) => anular	(Opcional)
estilo		BlockStyle
ancho		número	Ancho de este bloque, incluidos los bloques de valor conectados. El ancho se indica en unidades de espacio de trabajo.
lugar de trabajo		WorkspaceSvg

Métodos

Método	Modificadores	Descripción
addIcon(icon)
addSelect()		Agrega el elemento visual "select" efecto al bloque, pero no lo selecciona ni activa un evento.
appendInput(input)
bumpNeighbours()		Hace que los bloques desconectados no estén alineados. Dos bloques que en realidad no están conectados no deberían alinearse casualmente en la pantalla, ya que eso crea confusión para los usuarios finales.
checkAndDelete()		Borra un bloque y oculta la basura cuando lo hagas. El bloque no se borrará si está en un menú flotante. Se llama a esta función desde el menú contextual y las combinaciones de teclas como la acción de eliminación completa. Si deseas deshacerte de un bloque del lugar de trabajo y no necesitas realizar verificaciones flotantes, controlar la agrupación de eventos ni ocultar el texto, usa block.dispose() directamente.
dispose(healStack, animar)		Elimina este bloque.
disposeInternal()		Eliminación de este bloque sin realizar las acciones requeridas por el bloque superior. P.ej., activa efectos de la IU, quita nodos, etcétera.
drag(newLoc, e)		Arrastra el bloque a la ubicación dada.
endDrag(e)		Finaliza el arrastre del bloque.
generateContextMenu()	protected	Genera el menú contextual para este bloque.
getBoundingRectangle()		Muestra las coordenadas de un cuadro delimitador que describen las dimensiones de este bloque y de los bloques apilados 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 valor y de declaración, así como cualquier declaración siguiente. 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()		Obtén el color de un bloque.
getColourSecondary()		Obtiene el color secundario de un bloque.
getColourTertiary()		Obtén el color terciario de un bloque.
getNextBlock()		Muestra el siguiente bloque de sentencias 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 está 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.
isMovable()		Muestra si este bloque se puede mover o no.
markDirty()		Notifica a todas las entradas de este bloque para marcar sus campos como sucios. Un campo sucio es aquel que se debe volver a renderizar.
moveBy(dx, dy, reason)		Mueve 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()		Quita el elemento visual "select" efecto del bloque, pero no anula la selección ni activa un evento.
render()		Establece y reprocesa inmediatamente un bloque en función de su contenido y configuración.
revertDrag()		Vuelve a mover el bloque a su posición al comienzo del arrastre.
scheduleSnapAndBump()		Ajusta la imagen a la cuadrícula y, luego, choca los bloques cercanos al final de la siguiente renderización.
select()		Selecciona este bloque. Destaca el bloque visualmente.
setCollapsed(collapsed)		Establece si el bloque debe contraerse o no.
setColour(colour)		Cambia el color de un bloque.
setDisabledReason(disabled, reason)		Agrega o quita un motivo por el que el bloqueo podría estar inhabilitado. Si hay motivos para inhabilitar un bloqueo, este se considerará inhabilitado. Un bloqueo se puede inhabilitar por varios motivos independientes de forma simultánea, por ejemplo, cuando el usuario lo inhabilita manualmente o el bloqueo no es válido.
setDragStrategy(dragStrategy)		Establece la estrategia de arrastre de este bloque.
setEditable(editable)		Establece si este bloque se puede editar o no.
setEnabled(enabled)
setHighlighted(highlighted)		Establece si el bloque se destacará o no. El resaltado de bloques se suele usar para marcar visualmente los bloques que se están ejecutando en el momento.
setInputsInline(newBoolean)		Establece si las entradas de valores se organizan de manera horizontal o vertical.
setMovable(movable)		Establece si este bloque puede moverse o no.
setMutator(mutator)		Dale a este bloque un diálogo de mutador.
setNextStatement(newBoolean, opt_check)		Establece si otro bloque puede encadenarse en 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 en la parte inferior de otro bloque.
setStyle(blockStyleName)		Establece los valores de estilo y color de un bloque.
setWarningText(text, id)		Establecer el texto de advertencia de este bloque.
snapToGrid()		Ajusta este bloque al punto de cuadrícula más cercano.
startDrag(e)		Inicia un arrastre en el bloque.
tabulación(inicio, avanzar)		Abre el campo FieldTextInput siguiente (o anterior).
toCopyData()		Codifica un bloque para copiar.
toFlyoutInfo()		Muestra una representación de este bloque que se puede mostrar en un menú flotante.
traducir(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. No destaca visualmente el bloquev.
updateMarkers_()	protected	Vuelve a dibujar cualquier marcador adjunto o SVG del cursor si es necesario.