Blockly | Google for Developers

Pesquisa de pesquisa: conte para nós sua experiência com o Blockly

Esta página foi traduzida pela API Cloud Translation.

Classe Toolbox

Classe para uma caixa de ferramentas. Cria o DOM da caixa de ferramentas.

Signature:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Estende:DeleteArea

Implementações: IAutoHideable, IKeyboardAccessible, IStyleable e IToolbox

Construtores

Construtor	Modificadores	Descrição
(construtor)(workspace)		Cria uma nova instância da classe `Toolbox`

Propriedades

Propriedade	Modificadores	Tipo	Descrição
boundEvents_	`protected`	browserEvents.Data[]	Informações da matriz que contêm as informações necessárias para desvincular manipuladores de eventos. Usados para descarte. Por exemplo: [[node, name, func], [node, name, func]].
contentMap_	`protected`	{ [key: string]: IToolboxItem; }
contents_	`protected`	IToolboxItem[]	Lista de itens na caixa de ferramentas.
contentsDiv_	`protected`	HTMLDivElement \| nulo	O contêiner HTML do conteúdo de uma caixa de ferramentas.
height_	`protected`	number	A altura da caixa de ferramentas.
HtmlDiv		HTMLDivElement \| nulo	O contêiner HTML da caixa de ferramentas.
id		string	O ID exclusivo desse componente que é usado para registro no ComponentManager.
isVisible_	`protected`	booleano	Indica se a caixa de ferramentas está visível.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| nulo	O item selecionado anteriormente.
RTL		booleano
selectedItem_	`protected`	ISelectableToolboxItem \| nulo	O item selecionado no momento.
toolboxDef_	`protected`	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	`protected`	number	A largura da caixa de ferramentas.
workspace_	`protected` `readonly`	WorkspaceSvg	O espaço de trabalho em que a caixa de ferramentas está ativada.

Métodos

Método	Modificadores	Descrição
addToolboxItem_(toolboxItem)	`protected`	Adiciona um item à caixa de ferramentas.
attachEvents_(container, contentContainer)	`protected`	Adiciona listeners de eventos ao div do contêiner da caixa de ferramentas.
autoHide(onlyClosePopups)		Oculta o componente. Chamado em WorkspaceSvg.hideChaff.
clearSelection()		Remove o destaque de qualquer item selecionado anteriormente.
createContainer_()	`protected`	Cria o div do contêiner para a caixa de ferramentas.
createContentsContainer_()	`protected`	Cria o contêiner para todo o conteúdo na caixa de ferramentas.
createDom_(workspace)	`protected`	Cria o DOM para a caixa de ferramentas.
createFlyout_()	`protected`	Cria o menu suspenso com base no layout da caixa de ferramentas.
deselectItem_(item)	`protected`	Desmarca o item determinado, marca-o como não selecionado e atualiza o estado aria.
dispose()		Descarte da caixa de ferramentas.
getClientRect()		Retorna o retângulo delimitador da área de destino de arrastar em unidades de pixel em relação à janela de visualização.
getFlyout()		Recebe o menu suspenso da caixa de ferramentas.
getHeight()		Recebe a altura da caixa de ferramentas.
getPreviouslySelectedItem()		Extrai o item selecionado anteriormente.
getSelectedItem()		Recebe o item selecionado.
getToolboxItemById(id)		Recebe o item da caixa de ferramentas com o ID fornecido.
getToolboxItems()		Recebe os itens na caixa de ferramentas.
getWidth()		Recebe a largura da caixa de ferramentas.
getWorkspace()		Recebe o espaço de trabalho para a caixa de ferramentas.
init()		Inicializa a caixa de ferramentas
isHorizontal()		Descobre se a caixa de ferramentas está ou não horizontal.
onClick_(e)	`protected`	Gerencia eventos de clique para quando a caixa de ferramentas ou os itens dela são clicados.
onDragEnter(_dragElement)		Gerencia quando um cursor com um bloco ou balão entra no destino de arrastar.
onDragExit(_dragElement)		Gerencia quando um cursor com um bloco ou balão sai do destino de arrastar.
onDrop(_dragElement)		Gerencia quando um bloco ou balão é inserido neste componente. Não é possível processar a exclusão aqui.
onKeyDown_(e)	`protected`	Processa eventos de pressionamento de tecla para a caixa de ferramentas.
onShortcut(_shortcut)		Processa o atalho de teclado fornecido.
position()		Posiciona a caixa de ferramentas com base no fato de ela ser uma caixa de ferramentas horizontal e se o espaço de trabalho está em rtl.
refreshSelection()		Atualiza o conteúdo do menu suspenso sem fechá-lo. Deve ser usado em resposta a uma mudança em uma das categorias dinâmicas, como variáveis ou procedimentos.
renderContents_(toolboxDef)	`protected`	adiciona todos os itens à caixa de ferramentas;
selectItem_(oldItem, newItem)	`protected`	Seleciona o item fornecido, o marca como selecionado e atualiza o estado aria.
selectItemByPosition(position)		Seleciona o item da caixa de ferramentas de acordo com sua posição na lista de itens da caixa.
setSelectedItem(newItem)		Define o item fornecido como selecionado. Ambiente autônomo se o item não for selecionável.
setVisible(isVisible)		Mostra ou oculta a caixa de ferramentas.
devDeselectItem_(oldItem, newItem)	`protected`	Determina se o item antigo deve ser desmarcado.
shouldSelectItem_(oldItem, newItem)	`protected`	Determina se o novo item deve ser selecionado.
updateCursorDeleteStyle_(addStyle)	`protected`	Adiciona ou remove o estilo CSS do cursor sobre a caixa de ferramentas com base no fato de o bloco ou o balão sobre ela ser excluído se for descartado (usando a propriedade this.wouldDelete_ interna).
updateFlyout_(oldItem, newItem) (link em inglês)	`protected`	Decida se vai ocultar ou mostrar o menu suspenso dependendo do item selecionado.
updateWouldDelete_(wouldDelete)	`protected`	Atualiza o estado interno wouldDelete_.
wouldDelete(element)		Retorna se o bloco ou balão fornecido seria excluído se soltado nesta área. Esse método verifica se o elemento pode ser excluído e sempre é chamado antes de onDragEnter/onDragOver/onDragExit.