フライアウト クラス
フライアウトのクラス。
署名:
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout, IFocusableNode
拡張: DeleteArea
実装: IAutoHideable、IFlyout、IFocusableNode
コンストラクタ
| コンストラクタ | 修飾子 | 説明 |
|---|---|---|
| （コンストラクタ）（workspaceOptions） | Flyout クラスの新しいインスタンスを作成します。 |
プロパティ
| プロパティ | 修飾子 | タイプ | 説明 |
|---|---|---|---|
| autoClose | ブール値 | ブロックを作成すると、フライアウトは自動的に閉じますか？ | |
| コンテンツ | protected |
FlyoutItem[] | フライアウト要素のリスト。 |
| CORNER_RADIUS | readonly |
数値 | フライアウトの背景の角の丸み。 |
| dragAngleRange_ | protected |
数値 | フライアウトからのドラッグ角度の範囲で、「ワークスペースへのドラッグ」と見なされます。直交線からフライアウト エッジまでのこの角度の範囲内でのドラッグは、「ワークスペースへのドラッグ」と見なされます。 |
| GAP_X | readonly |
数値 | |
| GAP_Y | readonly |
数値 | |
| height_ | protected |
数値 | フライアウトの高さ。 |
| インフレータ | protected |
Map<string, IFlyoutInflater> | フライアウト コンテンツ タイプから、コンテンツ タイプの具体的なインスタンスの作成を担当する対応するインフレータ クラスにマッピングします。 |
| MARGIN | readonly |
数値 | |
| RTL | ブール値 | ||
| SCROLLBAR_MARGIN | readonly |
数値 | スクロールバーとフライアウト バックグラウンドの端との間の上部/下部のパディング。 |
| svgBackground_ | protected |
SVGPathElement | null | フライアウトの背景の周囲のパスで、背景色で塗りつぶされます。 |
| svgGroup_ | protected |
SVGGElement | null | ボタンまたはラベルのルート SVG グループ。 |
| tabWidth_ |
|
数値 | |
| toolboxPosition_ | protected |
数値 | |
| width_ | protected |
数値 | フライアウトの幅。 |
| workspace_ | protected |
WorkspaceSvg |
メソッド
| メソッド | 修飾子 | 説明 |
|---|---|---|
| autoHide(onlyClosePopups) | 自動クローズ フライアウトの場合は、フライアウトを自動的に非表示にします。 | |
| canBeFocused() | IFocusableNode.canBeFocused をご覧ください。 | |
| createDom(tagName) | フライアウトの DOM を作成します。呼び出す必要は 1 回のみです。フライアウトは、独自の SVG 要素として存在することも、別の SVG 要素内にネストされた g 要素として存在することもできます。 | |
| dispose() | このフライアウトを破棄します。メモリリークを防ぐため、すべての DOM 要素とのリンクを解除します。 | |
| getContents() | 現在のフライアウトの要素のリストを取得します。 | |
| getFlyoutScale() | フライアウトのスケール（ズームレベル）を取得します。デフォルトでは、ターゲット ワークスペースのスケールに一致しますが、オーバーライドできます。 | |
| getFocusableElement() | IFocusableNode.getFocusableElement をご覧ください。 | |
| getFocusableTree() | IFocusableNode.getFocusableTree をご覧ください。 | |
| getHeight() | フライアウトの高さを取得します。 | |
| getInflaterForType(type) | protected |
指定されたタイプのアイテムの作成を担当するインフレータを返します。 |
| getNestedTrees() | IFocusableTree.getNestedTrees をご覧ください。 | |
| getRestoredFocusableNode(_previousNode) | IFocusableTree.getRestoredFocusableNode をご覧ください。 | |
| getRootFocusableNode() | IFocusableTree.getRootFocusableNode をご覧ください。 | |
| getTargetWorkspace() | フライアウト内の移行先のワークスペースを取得します。 | |
| getWidth() | フライアウトの幅を取得します。 | |
| getWorkspace() | フライアウト内のワークスペースを取得します。 | |
| getX() | abstract |
フライアウトの位置の x 座標を計算します。 |
| getY() | abstract |
フライアウトの位置の y 座標を計算します。 |
| hide() | フライアウトを非表示にして空にします。 | |
| init(targetWorkspace) | フライアウトを初期化します。 | |
| isDragTowardWorkspace(currentDragDeltaXY) | abstract |
フライアウトの位置と向きに基づいて、ドラッグのデルタがワークスペースに向かっているかどうかを判断します。これは、determineDragIntention_ で、新しいブロックを作成するのか、フライアウトをスクロールするのかを確認するために使用されます。 |
| isVisible() | フライアウトは表示されていますか？ | |
| layout_(contents) |
|
フライアウト内の要素を配置します。 |
| lookUpFocusableNode(_id) | IFocusableTree.lookUpFocusableNode をご覧ください。 | |
| normalizeSeparators(contents) | protected |
指定されたフライアウト コンテンツのリストを更新して返します。必要に応じてセパレータをフラット化します。 複数のセパレータが連続して使用されている場合、最後のセパレータの値が優先され、グループ内のそれ以前のセパレータは削除されます。 |
| onNodeBlur() | IFocusableNode.onNodeBlur をご覧ください。 | |
| onNodeFocus() | IFocusableNode.onNodeFocus をご覧ください。 | |
| onTreeBlur(nextTree) | IFocusableTree.onTreeBlur をご覧ください。 | |
| onTreeFocus(_node, _previousTree) | IFocusableTree.onTreeFocus をご覧ください。 | |
| position() | abstract |
フライアウトを配置します。 |
| positionAt_(width, height, 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) |
|
フライアウトをスクロールします。 |