blockly > blockRendering > Gaveta
Classe blockRendering.Drawer
Um objeto que desenha um bloco com base nas informações de renderização fornecidas.
Signature:
export declare class Drawer
Construtores
| Construtor | Modificadores | Descrição |
|---|---|---|
| (construtor)(bloco, informações) | Cria uma nova instância da classe Drawer |
Propriedades
| Propriedade | Modificadores | Tipo | Descrição |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected |
ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | string | ||
| outlinePath_ | string | ||
| topLeft_ | Coordenador |
Métodos
| Método | Modificadores | Descrição |
|---|---|---|
| draw() | Desenhe o bloco no espaço de trabalho. Aqui, "desenho" significa definir elementos de caminho SVG e mover campos, ícones e conexões na tela. As partes dos caminhos são empurradas para matrizes de "steps", que são então unidas com espaços e definidas diretamente no bloco. Isso garante que as etapas sejam separadas por espaços para melhorar a legibilidade, mas isso não é obrigatório. |
|
| drawBottom_() | protected |
Adicione etapas para a borda inferior de um bloco, possivelmente incluindo um entalhe para a próxima conexão. |
| drawConnectionHighlightPath(measurable) | Retorna um caminho para destacar a conexão especificada. | |
| drawInlineInput_(input) | protected |
Adiciona etapas para uma entrada in-line. |
| drawInternals_() | protected |
Desenhar os componentes internos do bloco: entradas, campos e ícones inline. Eles não dependem do caminho externo para a colocação. |
| drawJaggedEdge_(row) | protected |
Adicione etapas para a borda irregular de uma linha em um bloco recolhido. |
| drawLeft_() | protected |
Adicione etapas para o lado esquerdo do bloco, o que pode incluir uma conexão de saída |
| drawOutline_() | protected |
Crie o contorno do bloco. Esse é um caminho contínuo único. |
| drawRightSideRow_(row) | protected |
Adicione etapas para o lado direito de uma linha que não tenha conexões de entrada de valor ou instrução. |
| drawStatementInput_(row) | protected |
Adiciona etapas para uma entrada de instrução. |
| drawTop_() | protected |
Adicione degraus para o canto superior do bloco, considerando detalhes como chapéus e cantos arredondados. |
| drawValueInput_(row) | protected |
Adicione etapas para uma entrada de valor externa, renderizada como um entalhe na lateral do bloco. |
| layoutField_(fieldInfo) | protected |
Envie a nova posição de um campo ou ícone para a raiz SVG correspondente. |
| positionExternalValueConnection_(row) | protected |
Posicione a conexão em uma entrada de valor externo, considerando RTL e a pequena lacuna entre o bloco pai e o bloco filho, que permite que o caminho escuro do bloco pai apareça. |
| positionInlineInputConnection_(input) | protected |
Posicione a conexão em uma entrada de valor inline, considerando RTL e a pequena lacuna entre o bloco pai e o bloco filho, que permite que o caminho escuro do bloco pai apareça. |
| positionNextConnection_() | protected |
Posicione a próxima conexão em um bloco. |
| positionOutputConnection_() | protected |
Posicione a conexão de saída em um bloco. |
| positionPreviousConnection_() | protected |
Posicione a conexão anterior em um bloco. |
| positionStatementInputConnection_(row) | protected |
Posicione a conexão em uma entrada de instrução, considerando RTL e a pequena lacuna entre o bloco pai e o bloco filho, que permite que o caminho escuro do bloco pai apareça. |
| recordSizeOnBlock_() | protected |
Salvar as informações de dimensionamento de volta no bloco A maioria das informações de renderização pode ser descartada ao final da renderização. Tudo que precisar ser mantido deverá ser definido nessa função. |
| updateConnectionHighlights() | protected |
Atualiza o objeto de caminho para refletir quais conexões no bloco estão destacadas. |