blockly > blockRendering > 抽屉式导航栏
blockRendering.Drawer 类
一个对象，用于根据给定的渲染信息绘制块。
Signature:
export declare class Drawer
构造函数
| 构造函数 | 修饰符 | 说明 |
|---|---|---|
| (构造函数)(块, 信息) | 构造 Drawer 类的新实例 |
属性
| 媒体资源 | 修饰符 | 类型 | 说明 |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected |
ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | string | ||
| outlinePath_ | string | ||
| topLeft_ | 坐标 |
方法
| 方法 | 修饰符 | 说明 |
|---|---|---|
| draw() | 将图块绘制到工作区。这里的“绘制”是指设置 SVG 路径元素，并在屏幕上移动字段、图标和连接。 路径的片段会被推送到“steps”数组中，然后用空格连接这些数组并直接在块上设置。这可以保证各步骤之间用空格分隔以提高可读性，但这并非强制性要求。 |
|
| drawBottom_() | protected |
为砌块的下边缘添加路段，其中可能包括用于下一次连接的凹口。 |
| drawConnectionHighlightPath(measurable) | 返回突出显示指定连接的路径。 | |
| drawInlineInput_(input) | protected |
为内嵌输入添加步骤。 |
| drawInternals_() | protected |
绘制该代码块的内部结构：内嵌输入、字段和图标。此类路径不依赖于展示位置的外部路径。 |
| drawJaggedEdge_(row) | protected |
为收起的图块上行的锯齿状边缘添加步骤。 |
| drawLeft_() | protected |
在代码块左侧添加步骤，其中可能包括输出连接 |
| drawOutline_() | protected |
绘制砌块的轮廓。这是一条连续的路径。 |
| drawRightSideRow_(row) | protected |
为没有值或语句输入连接的行右侧添加步骤。 |
| drawStatementInput_(row) | protected |
为语句输入添加步骤。 |
| drawTop_() | protected |
为砌块的上角添加步骤，并考虑帽子和圆角等详细信息。 |
| drawValueInput_(row) | protected |
为外部值输入添加了步骤，以块侧面的凹口形式呈现。 |
| hideHiddenIcons_() | protected |
隐藏标记为隐藏的图标。 |
| layoutField_(fieldInfo) | protected |
将字段或图标的新位置推送到其 SVG 根。 |
| positionExternalValueConnection_(row) | protected |
将连接放置在外部值输入上，需要考虑到 RTL，以及父块和子块之间的小间隙，使父块的暗路径可以透过来显示。 |
| positionInlineInputConnection_(input) | protected |
将连接放置在内嵌值输入上，需要考虑到 RTL，以及父块和子块之间的小间隙，使父块的暗路径可以透过来显示。 |
| positionNextConnection_() | protected |
将下一个连接放在一个块上。 |
| positionOutputConnection_() | protected |
将输出连接放置在块上。 |
| positionPreviousConnection_() | protected |
将上一个连接放在块上。 |
| positionStatementInputConnection_(row) | protected |
将连接放置在语句输入上，并考虑到 RTL，以及父块和子块之间的小间隙，使父块的深色路径可以透过。 |
| recordSizeOnBlock_() | protected |
将大小调整信息保存回代码块中。大部分渲染信息会在渲染结束时丢弃。任何需要保留的内容都应在此函数中设置。 |
| updateConnectionHighlights() | protected |
更新路径对象，以反映块上的哪些连接突出显示。 |