blockly > Flyout

フライアウト クラス

フライアウト用のクラス。

署名:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout 

拡張: DeleteArea

実装: IAutoHideableIFlyout

コンストラクタ

コンストラクタ 修飾子 説明
(structor)(workspaceOptions) Flyout クラスの新しいインスタンスを作成します。

プロパティ

プロパティ 修飾子 種類 説明
autoClose boolean ブロックの作成時にフライアウトは自動的に閉じますか?
buttons_ protected FlyoutButton[] 表示されるボタンのリスト。
CORNER_RADIUS readonly 数値 フライアウト背景の角の半径。
dragAngleRange_ protected 数値 フライアウトからのドラッグ角度の範囲は、「ワークスペースに向かってドラッグ」と見なされます。直交線からフライアウト エッジまでのこの角度の範囲内にあるドラッグは、「ワークスペースに向かってドラッグ」とみなされます。
FlyoutItemType static FlyoutItemType の型 フライアウト コンテンツ アイテムのタイプ。
GAP_X readonly 数値
GAP_Y readonly 数値
height_ protected 数値 フライアウトの高さ。
収益 readonly 数値
rectMap_ protected WeakMap<BlockSvg、SVGElement>
RTL boolean
SCROLLBAR_MARGIN readonly 数値 スクロールバーとフライアウト背景の端の間の上下のパディング。
svgBackground_ protected SVGPathElement | null 背景色で塗りつぶされるフライアウトの背景の周りのパス。
svgGroup_ protected SVGGElement | null ボタンまたはラベルのルート SVG グループ。
tabWidth_

protected

readonly

数値
toolboxPosition_ protected 数値
width_ protected 数値 フライアウトの幅。
workspace_ protected WorkspaceSvg

Methods

メソッド 修飾子 説明
addBlockListeners_(root, block, rect) protected フライアウトに追加されたブロックにリスナーを追加します。
autoHide(onlyClosePopups) 自動閉じるフライアウトの場合、フライアウトを自動的に非表示にします。
blockIsRecyclable_(_block) protected 指定されたブロックがリサイクル可能かどうかを返します。
createDom(tagName) フライアウトの DOM を作成します。呼び出す必要があるのは 1 回だけです。フライアウトは、独自の SVG 要素として存在することも、別の SVG 要素内にネストされた g 要素を使用することもできます。
createRect_(block, x, y, blockHW, index) protected 指定されたブロックに対応する長方形を作成して配置します。
dispose() このフライアウトは廃棄してください。メモリリークを防ぐために、すべての DOM 要素のリンクを解除します。
getFlyoutScale() フライアウトのスケール(ズームレベル)を取得します。デフォルトでは、これはターゲットのワークスペース スケールと一致しますが、これはオーバーライドできます。
getHeight() フライアウトの高さを取得します。
getWidth() フライアウトの幅を取得します。
getWorkspace() フライアウト内にワークスペースを表示します。
getX() abstract フライアウト位置の x 座標を計算します。
getY() abstract フライアウト位置の y 座標を計算します。
hide() フライアウトを非表示にして、空にします。
init(targetWorkspace) フライアウトを初期化します。
initFlyoutButton_(ボタン, x, y) protected 指定されたボタンを初期化します(正しい場所に移動する、リスナーを追加するなど)。
isDragTowardWorkspace(currentDragDeltaXY) abstract フライアウトの位置と向きに基づいて、ドラッグのデルタがワークスペースに向かっているかどうかを判断します。これは、新しいブロックを作成するか、フライアウトをスクロールすべきかを判断するために、defDragIntention_ で使用されています。
isVisible() フライアウトが表示されていますか?
レイアウト_(コンテンツ, 空白)

protected

abstract

フライアウトでブロックを配置します。
moveRectToBlock_(rect, block) protected 長方形を動かしてブロックの真下に置きます。その際、タブや帽子などの突出物も考慮に入れます。
position() abstract フライアウトの位置を調整します。
positionAt_(幅, 高さ, x, y) protected position() で計算した座標に基づいてビューを更新します。
reflow() リフロー ブロックとそのマット。
reflowInternal_()

protected

abstract

フライアウトの高さを計算します。各ブロックの下にマットを配置します。RTL の場合: ブロックを右揃えで配置します。
scrollToStart() abstract フライアウトをコンテンツの先頭までスクロールします。
setAutoClose(autoClose) ブロックがドラッグされたときやワークスペースがクリックされたときなどに、このフライアウトが自動的に閉じるかどうかを設定します。
setContainerVisible(visible) このフライアウトのコンテナを表示するかどうかを設定します。
setMetrics_(xyRatio)

protected

abstract

スクロールバーに合わせてフライアウトの移動を設定します。
setVisible(visible) フライアウトを表示するかどうかを設定します。値が true であっても、必ずしもフライアウトが表示されるわけではありません。コンテナが非表示であるため、非表示になっている可能性があります。
show(flyoutDef) フライアウトを表示し、データを入力します。
wheel_(e)

protected

abstract

フライアウトをスクロールします。