blockly > ツールボックス

ツールボックス クラス

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

署名:

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

拡張: DeleteArea

実装: IAutoHideable、IKeyboardAccessible、IStyleable、IToolbox、IFocusableNode

コンストラクタ

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

プロパティ

プロパティ 修飾子 タイプ 説明
boundEvents_ protected browserEvents.Data[] イベント ハンドラのバインド解除に必要な情報を保持する配列。破棄に使用されます。例: [[node, name, func], [node, name, func]]。
コンテンツ protected Map<string, IToolboxItem> ID から対応するツールボックス アイテムへのマップ。
contentsDiv_ protected HTMLDivElement | null ツールボックスのコンテンツの HTML コンテナ。
height_ protected 数値 ツールボックスの高さ。
HtmlDiv HTMLDivElement | null ツールボックスの HTML コンテナ。
id 文字列 ComponentManager への登録に使用される、このコンポーネントの一意の ID。
isVisible_ protected ブール値 ツールボックスが表示されているかどうか。
previouslySelectedItem_ protected ISelectableToolboxItem | null 以前に選択したアイテム。
RTL ブール値
selectedItem_ protected ISelectableToolboxItem | null 現在選択されているアイテム。
toolboxDef_ protected toolbox.ToolboxInfo
toolboxPosition toolbox.Position
width_ protected 数値 ツールボックスの幅。
workspace_

protected

readonly

 WorkspaceSvg このツールボックスがあるワークスペース。

メソッド

メソッド 修飾子 説明
addToolboxItem_(toolboxItem) protected ツールボックスにアイテムを追加します。
attachEvents_(container, contentsContainer) protected ツールボックス コンテナ div にイベント リスナーを追加します。
autoHide(onlyClosePopups) コンポーネントを非表示にします。WorkspaceSvg.hideChaff で呼び出されます。
canBeFocused() IFocusableNode.canBeFocused をご覧ください。
clearSelection() 以前に選択したアイテムのハイライト表示を解除します。
createContainer_() protected ツールボックスのコンテナ div を作成します。
createContentsContainer_() protected ツールボックス内のすべてのコンテンツのコンテナを作成します。
createDom_(workspace) protected ツールボックスの DOM を作成します。
createFlyout_() protected ツールボックスのレイアウトに基づいてフライアウトを作成します。
deselectItem_(item) protected 指定されたアイテムの選択を解除し、選択されていないものとしてマークして、aria 状態を更新します。
dispose() このツールボックスを破棄します。
getClientRect() ビューポートを基準としたピクセル単位で、ドラッグ ターゲット領域の境界長方形を返します。
getFlyout() ツールボックスのフライアウトを取得します。
getFocusableElement() IFocusableNode.getFocusableElement を参照してください。
getFocusableTree() IFocusableNode.getFocusableTree を参照してください。
getHeight() ツールボックスの高さを取得します。
getNestedTrees() IFocusableTree.getNestedTrees をご覧ください。
getPreviouslySelectedItem() 以前に選択したアイテムを取得します。
getRestoredFocusableNode(previousNode) IFocusableTree.getRestoredFocusableNode をご覧ください。
getRootFocusableNode() IFocusableTree.getRootFocusableNode をご覧ください。
getSelectedItem() 選択したアイテムを取得します。
getToolboxItemById(id) 指定された ID のツールボックス アイテムを取得します。
getToolboxItems() ツールボックス内のアイテムを取得します。
getWidth() ツールボックスの幅を取得します。
getWorkspace() ツールボックスのワークスペースを取得します。
init() ツールボックスを初期化する
isHorizontal() ツールボックスが水平かどうかを取得します。
lookUpFocusableNode(id) IFocusableTree.lookUpFocusableNode を参照してください。
onClick_(e) protected ツールボックスまたはツールボックス アイテムがクリックされたときのクリック イベントのハンドラ。
onDragEnter(_dragElement) ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットに入ったときの処理。
onDragExit(_dragElement) ブロックまたはバブルを含むカーソルがこのドラッグ ターゲットを離れたときの処理。
onDrop(_dragElement) ブロックまたはバブルがこのコンポーネントにドロップされたときの処理を行います。ここでは削除を処理しないでください。
onKeyDown_(e) protected ツールボックスのキーダウン イベントを処理します。
onNodeBlur() IFocusableNode.onNodeBlur をご覧ください。
onNodeFocus() IFocusableNode.onNodeFocus をご覧ください。
onShortcut(_shortcut) 指定されたキーボード ショートカットを処理します。
onTreeBlur(nextTree) IFocusableTree.onTreeBlur を参照してください。
onTreeFocus(node, _previousTree) IFocusableTree.onTreeFocus を参照してください。
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 ツールボックス上のカーソルの CSS スタイルを追加または削除します。これは、ツールボックス上のブロックまたはバブルがドロップされた場合に削除されるかどうか（内部の this.wouldDelete_ プロパティを使用）に基づきます。
updateFlyout_(oldItem, newItem) protected 選択した項目に応じて、フライアウトを非表示にするか表示するかを決定します。
updateWouldDelete_(wouldDelete) protected 内部の wouldDelete_ 状態を更新します。
wouldDelete(element) 指定されたブロックまたはバブルがこの領域にドロップされた場合に削除されるかどうかを返します。このメソッドは、要素が削除可能かどうかを確認し、onDragEnter/onDragOver/onDragExit の前に常に呼び出されます。