フライアウト クラス
フライアウトのクラス。
署名:
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout
拡張: DeleteArea
実装: IAutoHideable、IFlyout
コンストラクタ
| コンストラクタ | 修飾子 | 説明 |
|---|---|---|
| (constructor)(workspaceOptions) | Flyout クラスの新しいインスタンスを作成します。 |
プロパティ
| プロパティ | 修飾子 | タイプ | 説明 |
|---|---|---|---|
| autoClose | ブール値 | ブロックを作成すると、フライアウトは自動的に閉じますか？ | |
| buttons_ | protected |
FlyoutButton[] | 表示されるボタンのリスト。 |
| コンテンツ | protected |
FlyoutItem[] | 表示されるボタンとブロックのリスト。 |
| CORNER_RADIUS | readonly |
数値 | フライアウト背景のコーナー半径。 |
| dragAngleRange_ | protected |
数値 | フライアウトからのドラッグ角度の範囲は「ワークスペースに向かってドラッグ」と見なされます。直交線からフライアウト エッジまでのこの角度の範囲内にあるドラッグは、「ワークスペースに向かってドラッグ」とみなされます。 |
| FlyoutItemType | static |
FlyoutItemType のタイプ | フライアウト コンテンツ アイテムのタイプ。 |
| GAP_X | readonly |
数値 | |
| GAP_Y | readonly |
数値 | |
| height_ | protected |
数値 | フライアウトの高さ。 |
| MARGIN | readonly |
数値 | |
| rectMap_ | protected |
WeakMap<BlockSvg, SVGElement> | |
| RTL | ブール値 | ||
| SCROLLBAR_MARGIN | readonly |
数値 | スクロールバーとフライアウト背景の端との間の上下のパディング。 |
| svgBackground_ | protected |
SVGPathElement |null | フライアウトの背景を囲むパス。背景色で塗りつぶされます。 |
| svgGroup_ | protected |
SVGGElement |null | ボタンまたはラベルのルート SVG グループ。 |
| tabWidth_ |
|
数値 | |
| toolboxPosition_ | protected |
数値 | |
| width_ | protected |
数値 | フライアウトの幅。 |
| workspace_ | protected |
WorkspaceSvg |
メソッド
| メソッド | 修飾子 | 説明 |
|---|---|---|
| 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 要素とのリンクを解除します。 | |
| getContents() | 現在のフライアウトのボタンとブロックのリストを取得します。 | |
| getFlyoutScale() | フライアウトのスケール（ズームレベル）を取得します。デフォルトでは、ターゲット ワークスペースのスケールと一致しますが、オーバーライドできます。 | |
| getHeight() | フライアウトの高さを取得します。 | |
| getWidth() | フライアウトの幅を取得します。 | |
| getWorkspace() | フライアウト内のワークスペースを取得します。 | |
| getX() | abstract |
フライアウト位置の x 座標を計算します。 |
| getY() | abstract |
フライアウト位置の y 座標を計算します。 |
| hide() | フライアウトを非表示にして空にします。 | |
| init(targetWorkspace) | フライアウトを初期化します。 | |
| initFlyoutButton_(button, x, y) | protected |
所定のボタンを初期化します（正しい場所に移動する、リスナーを追加する、など）。 |
| isDragTowardWorkspace(currentDragDeltaXY) | abstract |
フライアウトの位置と向きに基づいて、ドラッグの差分がワークスペースに向かっているかどうかを判断します。これは、新しいブロックを作成するのか、フライアウトをスクロールするのかを判断するために、decidDragIntention_ で使用されます。 |
| isVisible() | フライアウトは表示されていますか？ | |
| layout_(contents, gap) |
|
フライアウトにブロックを配置します。 |
| moveRectToBlock_(rect, block) | protected |
タブ、帽子、その他の突起物を考慮して、ブロックのちょうど後ろに長方形を移動します。 |
| position() | abstract |
フライアウトを配置します。 |
| positionAt_(幅, 高さ, x, y) | protected |
position() で計算した座標に基づいてビューを更新します。 |
| reflow() | リフロー ブロックとそのマット。 | |
| reflowInternal_() |
|
フライアウトの高さを計算します。各ブロックの下にマットを置きます。RTL の場合: ブロックを右揃えで配置します。 |
| scrollToStart() | abstract |
フライアウトを内容の先頭までスクロールします。 |
| serializeBlock(block) | protected |
ブロックを JSON にシリアル化します。 |
| setAutoClose(autoClose) | ブロックがドラッグされたとき、ワークスペースがクリックされたときなどに、このフライアウトを自動的に閉じるかどうかを設定します。 | |
| setContainerVisible(visible) | このフライアウトのコンテナを表示するかどうかを設定します。 | |
| setContents(contents) | フライアウトにボタンとブロックのリストを保存します。 | |
| setMetrics_(xyRatio) |
|
スクロールバーに合わせてフライアウトの翻訳を設定します。 |
| setVisible(visible) | フライアウトを表示するかどうかを設定します。値が true であっても、フライアウトが表示されるとは限りません。コンテナが非表示になっているため、非表示になっている可能性があります。 | |
| show(flyoutDef) をご覧ください | フライアウトを表示してデータを入力します。 | |
| wheel_(e) |
|
フライアウトをスクロールします。 |