Blockly | Google for Developers

Esta página foi traduzida pela API Cloud Translation.

Classe de caixa de ferramentas

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

Implements: IAutoHideable, IKeyboardAccessible, IStyleable, 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[]	Matriz contendo as informações necessárias para desvincular manipuladores de eventos. Usado 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 para o 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 usado para registro no ComponentManager.
isVisible_	`protected`	boolean	Se a caixa de ferramentas está visível.
previouslySelectedItem_	`protected`	ISelectableToolboxItem \| nulo	O item selecionado anteriormente.
RTL		boolean
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á.

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()		Destaca 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 da 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 fornecido, marca-o como não selecionado e atualiza o estado ARIA.
dispose() (em inglês)		Descarta a caixa de ferramentas.
getClientRect()		Retorna o retângulo delimitador da área de destino da ação de arrastar em unidades de pixels em relação à janela de visualização.
getFlyout()		Acessa o menu suspenso da caixa de ferramentas.
getHeight()		Extrai a altura da caixa de ferramentas.
getPreviouslySelectedItem()		Recebe o item selecionado anteriormente.
getSelectedItem()		Recebe o item selecionado.
getToolboxItemById(id) (link em inglês)		Recebe o item da caixa de ferramentas com o ID fornecido.
getToolboxItems()		Acessa os itens na caixa de ferramentas.
getWidth()		Recebe a largura da caixa de ferramentas.
getWorkspace()		Acessa o espaço de trabalho da caixa de ferramentas.
init()		Inicializa a caixa de ferramentas
isHorizontal()		Descobre se a caixa de ferramentas é horizontal ou não.
onClick_(e)	`protected`	Lida com 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 nesse destino de arrastar.
onDragExit(_dragElement)		Gerencia quando um cursor com um bloco ou balão sai desse destino de arrastar.
onDrop(_dragElement)		Processa quando um bloco ou bolha é inserido neste componente. Não é possível processar a exclusão aqui.
onKeyDown_(e)	`protected`	Gerencia eventos de tecla para baixo na caixa de ferramentas.
onShortcut(_shortcut)		Gerencia o atalho de teclado fornecido.
position().		Posiciona a caixa de ferramentas de acordo com a orientação horizontal e se o espaço de trabalho é RTL.
refreshSelection()		Atualiza o conteúdo do menu suspenso sem fechá-lo. Precisa 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) (link em inglês)	`protected`	Seleciona o item fornecido, marca-o como selecionado e atualiza o estado do aria.
selectItemByPosition(position)		Seleciona o item da caixa de ferramentas de acordo com sua posição na lista.
setSelectedItem(newItem)		Define o item especificado como selecionado. Ambiente autônomo se o item não puder ser selecionado.
setVisible(isVisible)		Mostra ou oculta a caixa de ferramentas.
shouldDeselectItem_(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 em se é esperado que o bloco ou o balão sobre ele seja excluído caso seja descartado (usando a propriedade interna this.diversosDelete_).
updateFlyout_(oldItem, newItem) (link em inglês)	`protected`	Determina se o menu suspenso vai ser ocultado ou mostrado, dependendo do item selecionado.
updateWouldDelete_(wouldDelete)	`protected`	Atualiza o estado ifDelete_ interno.
wouldDelete(element, _couldConnect)		Retorna se o bloco ou balão fornecido será excluído se for solto sobre esta área. Esse método precisa verificar se o elemento pode ser excluído e sempre é chamado antes de onDragEnter/onDragOver/onDragExit.