飛輪課
升空艙
Signature:
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout
擴充： DeleteArea
實作： IAutoHideable、IFlyout
建構函式
| 建構函式 | 修飾符 | 說明 |
|---|---|---|
| (buildor)(workspaceOptions) | 建構 Flyout 類別的新例項 |
屬性
| 屬性 | 修飾符 | 類型 | 說明 |
|---|---|---|---|
| autoClose | boolean | 建立區塊後，溢位功能是否會自動關閉？ | |
| buttons_ | protected |
FlyoutButton[] | 顯示按鈕清單。 |
| 內容 | protected |
FlyoutItem[] | 可見按鈕和區塊的清單。 |
| CORNER_RADIUS | readonly |
號碼 | 飛輪背景的圓角半徑。 |
| dragAngleRange_ | protected |
號碼 | 從向前伸出的拖曳角度範圍，視為「向工作區拖曳」。如果拖曳範圍是從直角線到飛出邊緣，則視為「朝向工作區拖曳」。 |
| FlyoutItemType | static |
FlyoutItemType 的類型 | fout 內容項目的類型。 |
| GAP_X | readonly |
號碼 | |
| GAP_Y | readonly |
號碼 | |
| height_ | protected |
號碼 | 飛鏢的高度。 |
| MarGIN | readonly |
號碼 | |
| rectMap_ | protected |
WeakMap<BlockSvg、SVGElement> | |
| RTL | boolean | ||
| SCROLLBAR_MARGIN | readonly |
號碼 | 捲軸和延伸背景的邊緣之間的頂部/底部邊框間距。 |
| svgBackground_ | protected |
SVGPathElement | 空值 | 飛輪背景的路徑，填滿背景色彩。 |
| svgGroup_ | protected |
SVGGElement | 空值 | 按鈕或標籤的根 SVG 群組。 |
| tabWidth_ |
|
號碼 | |
| toolboxPosition_ | protected |
號碼 | |
| width_ | protected |
號碼 | 飛鏢的寬度。 |
| workspace_ | protected |
WorkspaceSvg |
方法
| 方法 | 修飾符 | 說明 |
|---|---|---|
| addBlockListeners_(root, block, rect) | protected |
將事件監聽器新增至已新增至 fout 的區塊。 |
| autoHide(onlyClosePopups) | 如果凸起的升空，會自動隱藏飛輪。 | |
| blockIsRecyclable_(_block) | protected |
傳回指定的區塊是否可回收。 |
| createDom(tagName) | 建立飛播的 DOM。只需呼叫一次。動態訊息可以做為本身的 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 |
根據飛出線的位置和方向，判斷拖曳差異是否朝向工作區。用於判斷 DragIntention_ 是否應建立新區塊，還是推展應捲動。 |
| isVisible() | 是否有飛輪？ | |
| layout_(內容, 間隔) |
|
一開始就擺好方塊。 |
| moveRectToBlock_(rect, block) | protected |
將矩形移至一個街區，並考量到定位點、帽子和我們發明的任何其他突發事件。 |
| 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) |
|
捲動延伸畫面。 |