[blockly] > [ツールボックス]

ツールボックス クラス

ツールボックスのクラス。ツールボックスの DOM を作成します。

署名:

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

拡張: DeleteArea

実装: IAutoHideable、IKeyboardAccessible、IStyleable、IToolbox

コンストラクタ

コンストラクタ	修飾子	説明
（コンストラクタ）（ワークスペース）		Toolbox クラスの新しいインスタンスを作成します。

プロパティ

プロパティ	修飾子	タイプ	説明
boundEvents_	protected	browserEvents.Data[]	イベント ハンドラのバインド解除に必要な情報を保持する配列。廃棄に使用されます。例: [[node, name, func], [node, name, func]]。
contentMap_	protected	{ [key: string]: IToolboxItem; }
contents_	protected	IToolboxItem[]	ツールボックス内の項目のリスト。
contentsDiv_	protected	HTMLDivElement | null	ツールボックスのコンテンツの HTML コンテナ。
height_	protected	数値	ツールボックスの高さ。
HtmlDiv		HTMLDivElement | null	ツールボックスの HTML コンテナ。
id		string	このコンポーネントの一意の ID。ComponentManager への登録に使用されます。
isVisible_	protected	boolean	ツールボックスを表示するかどうかを指定します。
previouslySelectedItem_	protected	ISelectableToolboxItem | null	以前に選択したアイテム。
RTL		boolean
selectedItem_	protected	ISelectableToolboxItem | null	現在選択されているアイテム。
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	数値	ツールボックスの幅。
workspace_	protected readonly	WorkspaceSvg	このツールボックスがあるワークスペース。

メソッド

メソッド	修飾子	説明
addToolboxItem_(toolboxItem)	protected	ツールボックスに項目を追加します。
attachEvents_(container, CONTENTContainer)	protected	ツールボックス コンテナ div にイベント リスナーを追加します。
autoHide(onlyClosePopups)		コンポーネントを非表示にします。WorkspaceSvg.hideChaff で呼び出されました。
clearSelection()		以前に選択したアイテムのハイライト表示を解除します。
createContainer_()	protected	ツールボックスのコンテナ div を作成します。
createContentsContainer_()	protected	ツールボックス内のすべてのコンテンツのコンテナを作成します。
createDom_(workspace)	protected	ツールボックスの DOM を作成します。
createFlyout_()	protected	ツールボックスのレイアウトに基づいてフライアウトを作成します。
deselectItem_(item)	protected	指定したアイテムの選択を解除し、選択解除としてマークし、ARIA の状態を更新します。
dispose()		このツールボックスの廃棄。
getClientRect()		ドラッグ ターゲット領域の境界長方形をビューポートを基準としたピクセル単位で返します。
getFlyout()		ツールボックスのフライアウトを取得します。
getHeight()		ツールボックスの高さを取得します。
getPreviouslySelectedItem()		以前に選択されたアイテムを取得します。
getSelectedItem()		選択したアイテムを取得します。
getToolboxItemById(id)		指定された ID のツールボックス アイテムを取得します。
getToolboxItems()		ツールボックス内のアイテムを取得します。
getWidth()		ツールボックスの幅を取得します。
getWorkspace()		ツールボックスのワークスペースを取得します。
init()		ツールボックスを初期化する
isHorizontal()		ツールボックスが水平かどうかを取得します。
onClick_(e)	protected	ツールボックスまたはツールボックスのアイテムがクリックされたときのクリック イベントを処理します。
onDragEnter(_dragElement)		ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットに入ったときに処理します。
onDragExit(_dragElement)		ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットから出るときに処理します。
onDrop(_dragElement)		このコンポーネントにブロックやバブルがドロップされたときを処理します。ここでは削除を処理しません。
onKeyDown_(e)	protected	ツールボックスのキーダウン イベントを処理します。
onShortcut(_shortcut)		指定されたキーボード ショートカットを処理します。
position()		ツールボックスが横向きツールボックスであるかどうか、およびワークスペースが RTL かどうかに基づいてツールボックスを配置します。
refreshSelection()		フライアウトを閉じずに、フライアウトのコンテンツを更新します。変数やプロシージャなどの動的カテゴリのいずれかが変更された場合に使用する必要があります。
renderContents_(toolboxDef)	protected	すべてのツールボックス アイテムをツールボックスに追加します。
selectItem_(oldItem, newItem)	protected	指定されたアイテムを選択し、選択中のマークを付けて、ARIA の状態を更新します。
selectItemByPosition(position)		ツールボックス アイテム リスト内の位置に基づいてツールボックス アイテムを選択します。
setSelectedItem(newItem)		指定した項目を選択として設定します。アイテムが選択可能でない場合は処理なし。
setVisible(isVisible)		ツールボックスの表示と非表示を切り替えます。
shouldDeselectItem_(oldItem, newItem)	protected	古いアイテムの選択を解除するかどうかを決定します。
shouldSelectItem_(oldItem, newItem)	protected	新しい項目を選択するかどうかを指定します。
updateCursorDeleteStyle_(addStyle)	protected	ツールボックス上のブロックやバブルを（内部の this.wouldDelete_ プロパティを使用して）削除した場合に削除されるかどうかに基づいて、ツールボックス上のカーソルの CSS スタイルを追加または削除します。
updateFlyout_(oldItem, newItem)	protected	選択したアイテムに応じて、フライアウトを表示するかどうかを決定します。
updateWouldDelete_(wouldDelete)	protected	内部 willDelete_ 状態を更新します。
wouldDelete(element)		指定したブロックやバブルをこの領域にドロップした場合に削除されるかどうかを返します。このメソッドは、要素が削除可能かどうかをチェックし、常に onDragEnter、onDragOver、onDragExit の前に呼び出されます。