飛輪課
飛艙類別。
Signature:
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 |
數字 | 飛船的高度。 |
| 利潤 | readonly |
數字 | |
| rectMap_ | protected |
WeakMap<BlockSvg, SVGElement> | |
| RTL | 布林值 | ||
| SCROLLBAR_MARGIN | readonly |
數字 | 捲軸和飛出背景邊緣之間的頂端/底部邊框間距。 |
| svgBackground_ | protected |
SVGPathElement |空值 | 飛板背景周圍的路徑以背景色填滿。 |
| svgGroup_ | protected |
SVGGElement |空值 | 按鈕或標籤的根 SVG 群組。 |
| tabWidth_ |
|
數字 | |
| toolboxPosition_ | protected |
數字 | |
| width_ | protected |
數字 | 飛鏢的寬度。 |
| workspace_ | protected |
WorkspaceSvg |
方法
| 方法 | 修飾符 | 說明 |
|---|---|---|
| addBlockListeners_(root, 區塊, rect) | protected |
將事件監聽器新增至已新增至飛出式區塊的區塊。 |
| autoHide(onlyClosePopups) | 如果飛艙為自動關閉飛盤，會自動隱藏。 | |
| blockIsRecyclable_(_block) | protected |
傳回指定區塊是否可回收。 |
| createDom(tagName) | 建立外飛的 DOM。只需呼叫一次。浮動式文字可以是本身的 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_(按鈕, x, y) | protected |
初始化指定按鈕：將按鈕移至正確位置、新增事件監聽器等。 |
| isDragTowardWorkspace(currentDragDeltaXY) | abstract |
根據跳出位置和方向，判斷拖曳差異是否朝向工作區。這用於 makeDragIntention_，判斷是否應建立新區塊，或是飛出作業是否應捲動。 |
| isVisible() | 看到飛船嗎？ | |
| layout_(內容、落差) |
|
飛出飛去的積木。 |
| moveRectToBlock_(rect, block) | protected |
將矩形移至方塊的正後方，考量我們所發明的定位點、帽子和其他各種攻擊。 |
| position() | abstract |
調整噴射姿勢的位置。 |
| positionAt_(寬度, 高度, x, y) | protected |
根據 position() 中計算出的座標更新檢視畫面。 |
| reflow() | 自動重排方塊及其墊子。 | |
| reflowInternal_() |
|
計算飛出的高度。每個方塊下方有一個墊子。如為 RTL：將方塊靠右對齊。 |
| scrollToStart() | abstract |
捲動至內容開頭。 |
| serializeBlock(block) | protected |
將區塊序列化為 JSON。 |
| setAutoClose(autoClose) | 設定當拖曳方塊、點選工作區等元素時，這個推式是否會自動關閉。 | |
| setContainerVisible(visible) | 設定是否顯示這個 Fouts 的容器。 | |
| setContents(contents) | 在飛出時儲存按鈕和區塊清單。 | |
| setMetrics_(xyRatio) |
|
設定與捲軸相符的飛出翻譯。 |
| setVisible(visible) | 設定是否顯示飛艙。即使將值設為 true，也不代表系統一定會顯示飛輪。可能是因為容器已隱藏，因此可以隱藏。 | |
| show(flyoutDef) | 秀出並填入延伸文字。 | |
| wheel_(e) |
|
捲動畫面。 |