Skip to main content

Class: RenderInfo

Defined in: packages/blockly/core/renderers/common/info.ts:48

An object containing all sizing information needed to draw this block.

This measure pass does not propagate changes to the block (although fields may choose to rerender when getSize() is called). However, calling it repeatedly may be expensive.

Extended by

Properties index

PropertyDescription
block_-
constants_-
outputConnection-
isInline-
isCollapsed-
isInsertionMarker-
RTL-
renderer_The block renderer in use.
heightThe height of the rendered block, including child blocks.
widthWithChildrenThe width of the rendered block, including child blocks.
widthThe width of the rendered block, excluding child blocks. This is the right edge of the block when rendered LTR.
statementEdge-
rowsAn array of Row objects containing sizing information.
inputRowsAn array of input rows on the block.
topRow-
bottomRow-
startX-
startY-

Methods index

MethodDescription
getRendererGet the block renderer in use.
measurePopulate this object with all sizing information needed to draw the block.
createRows_Create rows of Measurable objects representing all renderable parts of the block.
populateTopRow_Create all non-spacer elements that belong on the top row.
populateBottomRow_Create all non-spacer elements that belong on the bottom row.
addInput_Add an input element to the active row, if needed, and record the type of the input on the row.
shouldStartNewRow_Decide whether to start a new row between the two Blockly.Inputs.
addElemSpacing_Add horizontal spacing between and around elements within each row.
getInRowSpacing_Calculate the width of a spacer element in a row based on the previous and next elements in that row. For instance, extra padding is added between two editable fields.
computeBounds_Figure out where the right edge of the block and right edge of statement inputs should be placed.
alignRowElements_Extra spacing may be necessary to make sure that the right sides of all rows line up. This can only be calculated after a first pass to calculate the sizes of all rows.
getDesiredRowWidth_Calculate the desired width of an input row.
addAlignmentPadding_Modify the given row to add the given amount of padding around its fields. The exact location of the padding is based on the alignment property of the last input in the field.
alignStatementRow_Align the elements of a statement row based on computed bounds. Unlike other types of rows, statement rows add space in multiple places.
addRowSpacing_Add spacers between rows and set their sizes.
makeSpacerRow_Create a spacer row to go between prev and next, and set its size.
getSpacerRowWidth_Calculate the width of a spacer row.
getSpacerRowHeight_Calculate the height of a spacer row.
getElemCenterline_Calculate the centerline of an element in a rendered row. This base implementation puts the centerline at the middle of the row vertically, with no special cases. You will likely need extra logic to handle (at minimum) top and bottom rows.
recordElemPositions_Record final position information on elements on the given row, for use in drawing. At minimum this records xPos and centerline on each element.
finalize_Make any final changes to the rendering information object. In particular, store the y position of each row, and record the height of the full block.
getMeasureableForConnectionReturns the connection measurable associated with the given connection.

Constructors

Constructor

new RenderInfo(renderer, block): RenderInfo;

Defined in: packages/blockly/core/renderers/common/info.ts:91

Parameters

ParameterTypeDescription
rendererRendererThe renderer in use.
blockBlockSvgThe block to measure.

Returns

RenderInfo

Properties

block_

block_: BlockSvg;

Defined in: packages/blockly/core/renderers/common/info.ts:49


constants_

protected constants_: ConstantProvider;

Defined in: packages/blockly/core/renderers/common/info.ts:50


outputConnection

outputConnection: OutputConnection | null;

Defined in: packages/blockly/core/renderers/common/info.ts:51


isInline

isInline: boolean;

Defined in: packages/blockly/core/renderers/common/info.ts:52


isCollapsed

isCollapsed: boolean;

Defined in: packages/blockly/core/renderers/common/info.ts:53


isInsertionMarker

isInsertionMarker: boolean;

Defined in: packages/blockly/core/renderers/common/info.ts:54


RTL

RTL: boolean;

Defined in: packages/blockly/core/renderers/common/info.ts:55


renderer_

protected readonly renderer_: Renderer;

Defined in: packages/blockly/core/renderers/common/info.ts:58

The block renderer in use.


height

height: number = 0;

Defined in: packages/blockly/core/renderers/common/info.ts:61

The height of the rendered block, including child blocks.


widthWithChildren

widthWithChildren: number = 0;

Defined in: packages/blockly/core/renderers/common/info.ts:64

The width of the rendered block, including child blocks.


width

width: number = 0;

Defined in: packages/blockly/core/renderers/common/info.ts:70

The width of the rendered block, excluding child blocks. This is the right edge of the block when rendered LTR.


statementEdge

statementEdge: number = 0;

Defined in: packages/blockly/core/renderers/common/info.ts:71


rows

rows: Row[] = [];

Defined in: packages/blockly/core/renderers/common/info.ts:74

An array of Row objects containing sizing information.


inputRows

inputRows: InputRow[] = [];

Defined in: packages/blockly/core/renderers/common/info.ts:77

An array of input rows on the block.


topRow

topRow: TopRow;

Defined in: packages/blockly/core/renderers/common/info.ts:79


bottomRow

bottomRow: BottomRow;

Defined in: packages/blockly/core/renderers/common/info.ts:80


startX

startX: number = 0;

Defined in: packages/blockly/core/renderers/common/info.ts:84


startY

startY: number = 0;

Defined in: packages/blockly/core/renderers/common/info.ts:85

Methods

getRenderer()

getRenderer(): Renderer;

Defined in: packages/blockly/core/renderers/common/info.ts:141

Get the block renderer in use.

Returns

Renderer

The block renderer in use.


measure()

measure(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:152

Populate this object with all sizing information needed to draw the block.

This measure pass does not propagate changes to the block (although fields may choose to rerender when getSize() is called). However, calling it repeatedly may be expensive.

Returns

void


createRows_()

protected createRows_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:165

Create rows of Measurable objects representing all renderable parts of the block.

Returns

void


populateTopRow_()

protected populateTopRow_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:217

Create all non-spacer elements that belong on the top row.

Returns

void


populateBottomRow_()

protected populateBottomRow_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:265

Create all non-spacer elements that belong on the bottom row.

Returns

void


addInput_()

protected addInput_(input, activeRow): void;

Defined in: packages/blockly/core/renderers/common/info.ts:314

Add an input element to the active row, if needed, and record the type of the input on the row.

Parameters

ParameterTypeDescription
inputInputThe input to record information about.
activeRowRowThe row that is currently being populated.

Returns

void


shouldStartNewRow_()

protected shouldStartNewRow_(currInput, prevInput?): boolean;

Defined in: packages/blockly/core/renderers/common/info.ts:350

Decide whether to start a new row between the two Blockly.Inputs.

Parameters

ParameterTypeDescription
currInputInputThe current input.
prevInput?InputThe previous input.

Returns

boolean

True if the current input should be rendered on a new row.


addElemSpacing_()

protected addElemSpacing_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:381

Add horizontal spacing between and around elements within each row.

Returns

void


getInRowSpacing_()

protected getInRowSpacing_(prev, next): number;

Defined in: packages/blockly/core/renderers/common/info.ts:425

Calculate the width of a spacer element in a row based on the previous and next elements in that row. For instance, extra padding is added between two editable fields.

Parameters

ParameterTypeDescription
prevMeasurable | nullThe element before the spacer.
nextMeasurable | nullThe element after the spacer.

Returns

number

The size of the spacing between the two elements.


computeBounds_()

protected computeBounds_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:472

Figure out where the right edge of the block and right edge of statement inputs should be placed.

Returns

void


alignRowElements_()

protected alignRowElements_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:516

Extra spacing may be necessary to make sure that the right sides of all rows line up. This can only be calculated after a first pass to calculate the sizes of all rows.

Returns

void


getDesiredRowWidth_()

protected getDesiredRowWidth_(_row): number;

Defined in: packages/blockly/core/renderers/common/info.ts:540

Calculate the desired width of an input row.

Parameters

ParameterTypeDescription
_rowRowThe input row.

Returns

number

The desired width of the input row.


addAlignmentPadding_()

protected addAlignmentPadding_(row, missingSpace): void;

Defined in: packages/blockly/core/renderers/common/info.ts:552

Modify the given row to add the given amount of padding around its fields. The exact location of the padding is based on the alignment property of the last input in the field.

Parameters

ParameterTypeDescription
rowRowThe row to add padding to.
missingSpacenumberHow much padding to add.

Returns

void


alignStatementRow_()

protected alignStatementRow_(row): void;

Defined in: packages/blockly/core/renderers/common/info.ts:585

Align the elements of a statement row based on computed bounds. Unlike other types of rows, statement rows add space in multiple places.

Parameters

ParameterTypeDescription
rowInputRowThe statement row to resize.

Returns

void


addRowSpacing_()

protected addRowSpacing_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:609

Add spacers between rows and set their sizes.

Returns

void


makeSpacerRow_()

protected makeSpacerRow_(prev, next): SpacerRow;

Defined in: packages/blockly/core/renderers/common/info.ts:628

Create a spacer row to go between prev and next, and set its size.

Parameters

ParameterTypeDescription
prevRowThe previous row.
nextRowThe next row.

Returns

SpacerRow

The newly created spacer row.


getSpacerRowWidth_()

protected getSpacerRowWidth_(_prev, _next): number;

Defined in: packages/blockly/core/renderers/common/info.ts:648

Calculate the width of a spacer row.

Parameters

ParameterTypeDescription
_prevRowThe row before the spacer.
_nextRowThe row after the spacer.

Returns

number

The desired width of the spacer row between these two rows.


getSpacerRowHeight_()

protected getSpacerRowHeight_(_prev, _next): number;

Defined in: packages/blockly/core/renderers/common/info.ts:659

Calculate the height of a spacer row.

Parameters

ParameterTypeDescription
_prevRowThe row before the spacer.
_nextRowThe row after the spacer.

Returns

number

The desired height of the spacer row between these two rows.


getElemCenterline_()

protected getElemCenterline_(row, elem): number;

Defined in: packages/blockly/core/renderers/common/info.ts:674

Calculate the centerline of an element in a rendered row. This base implementation puts the centerline at the middle of the row vertically, with no special cases. You will likely need extra logic to handle (at minimum) top and bottom rows.

Parameters

ParameterTypeDescription
rowRowThe row containing the element.
elemMeasurableThe element to place.

Returns

number

The desired centerline of the given element, as an offset from the top left of the block.


recordElemPositions_()

protected recordElemPositions_(row): void;

Defined in: packages/blockly/core/renderers/common/info.ts:700

Record final position information on elements on the given row, for use in drawing. At minimum this records xPos and centerline on each element.

Parameters

ParameterTypeDescription
rowRowThe row containing the elements.

Returns

void


finalize_()

protected finalize_(): void;

Defined in: packages/blockly/core/renderers/common/info.ts:717

Make any final changes to the rendering information object. In particular, store the y position of each row, and record the height of the full block.

Returns

void


getMeasureableForConnection()

getMeasureableForConnection(conn): Connection | null;

Defined in: packages/blockly/core/renderers/common/info.ts:753

Returns the connection measurable associated with the given connection.

Parameters

ParameterType
connRenderedConnection

Returns

Connection | null