blockly > Flyout

Lớp thành phần hiển thị dạng bay

Lớp cho một trình đơn bật lên.

Chữ ký:

export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout, IFocusableNode 

Mở rộng: DeleteArea

Triển khai: IAutoHideable, IFlyout, IFocusableNode

Hàm khởi tạo

Hàm dựng Đối tượng sửa đổi Mô tả
(constructor)(workspaceOptions) Tạo một thực thể mới của lớp Flyout

Thuộc tính

Thuộc tính Đối tượng sửa đổi Loại Mô tả
autoClose boolean Cửa sổ bật lên có tự động đóng khi một khối được tạo không?
nội dung protected FlyoutItem[] Danh sách các phần tử của trình đơn bật lên.
CORNER_RADIUS readonly số Bán kính góc của nền cửa sổ bật lên.
dragAngleRange_ protected số Phạm vi góc kéo từ một trình đơn bật lên được coi là "kéo về phía không gian làm việc". Những thao tác kéo nằm trong phạm vi nhiều độ này so với đường vuông góc đến cạnh của trình đơn bật lên được coi là "thao tác kéo về phía không gian làm việc".
GAP_X readonly số
GAP_Y readonly số
height_ protected số Chiều cao của bảng chọn.
inflaters protected Map<string, IFlyoutInflater> Ánh xạ từ loại nội dung của bảng chọn đến lớp trình mở rộng tương ứng chịu trách nhiệm tạo các thực thể cụ thể của loại nội dung.
MARGIN readonly số
RTL boolean
SCROLLBAR_MARGIN readonly số Khoảng đệm trên/dưới giữa thanh cuộn và cạnh của nền cửa sổ bật lên.
svgBackground_ protected SVGPathElement | null Đường dẫn xung quanh nền của bảng chọn sẽ được điền bằng màu nền.
svgGroup_ protected SVGGElement | null Nhóm SVG gốc cho nút hoặc nhãn.
tabWidth_

protected

readonly

số
toolboxPosition_ protected số
width_ protected số Chiều rộng của bảng chọn.
workspace_ protected WorkspaceSvg

Phương thức

Phương thức Đối tượng sửa đổi Mô tả
autoHide(onlyClosePopups) Tự động ẩn bảng chọn nếu đó là bảng chọn tự động đóng.
canBeFocused() Xem IFocusableNode.canBeFocused.
createDom(tagName) Tạo DOM của trình đơn bật lên. Chỉ cần gọi một lần. Trình đơn bật lên có thể tồn tại dưới dạng phần tử SVG riêng hoặc là phần tử g được lồng trong một phần tử SVG riêng biệt.
dispose() Loại bỏ bảng chọn này. Huỷ liên kết khỏi tất cả các phần tử DOM để ngăn tình trạng rò rỉ bộ nhớ.
getContents() Lấy danh sách các phần tử của flyout hiện tại.
getFlyoutScale() Lấy tỷ lệ (mức thu phóng) của cửa sổ bật lên. Theo mặc định, giá trị này khớp với tỷ lệ không gian làm việc mục tiêu, nhưng bạn có thể ghi đè giá trị này.
getFocusableElement() Xem IFocusableNode.getFocusableElement.
getFocusableTree() Xem IFocusableNode.getFocusableTree.
getHeight() Lấy chiều cao của bảng chọn.
getInflaterForType(type) protected Trả về trình mở rộng chịu trách nhiệm tạo các mục thuộc loại đã cho.
getNestedTrees() Xem IFocusableNode.getNestedTrees.
getRestoredFocusableNode(_previousNode) Xem IFocusableNode.getRestoredFocusableNode.
getRootFocusableNode() Xem IFocusableNode.getRootFocusableNode.
getTargetWorkspace() Lấy không gian làm việc đích bên trong trình đơn bật lên.
getWidth() Lấy chiều rộng của trình đơn bật lên.
getWorkspace() Lấy không gian làm việc trong trình đơn bật lên.
getX() abstract Tính toạ độ x cho vị trí của bảng chọn.
getY() abstract Tính toạ độ y cho vị trí của bảng chọn bật lên.
hide() Ẩn và xoá nội dung của bảng điều khiển bật lên.
init(targetWorkspace) Khởi chạy cửa sổ bật lên.
isDragTowardWorkspace(currentDragDeltaXY) abstract Xác định xem delta kéo có hướng về không gian làm việc hay không, dựa trên vị trí và hướng của cửa sổ bật lên. Tham số này được dùng trong determineDragIntention_ để xác định xem có nên tạo một khối mới hay không, hoặc liệu flyout có nên cuộn hay không.
isVisible() Phần mở rộng có hiển thị không?
layout_(contents)

protected

abstract

Bố trí các phần tử trong trình đơn bật lên.
lookUpFocusableNode(_id) Xem IFocusableNode.lookUpFocusableNode.
normalizeSeparators(contents) protected

Cập nhật và trả về danh sách nội dung của trình đơn bật lên đã cung cấp để làm phẳng các dấu phân cách khi cần.

Khi nhiều dấu phân cách xuất hiện liên tiếp, giá trị của dấu phân cách cuối cùng sẽ được ưu tiên và các dấu phân cách trước đó trong nhóm sẽ bị xoá.

onNodeBlur() Xem IFocusableNode.onNodeBlur.
onNodeFocus() Xem IFocusableNode.onNodeFocus.
onTreeBlur(_nextTree) Xem IFocusableNode.onTreeBlur.
onTreeFocus(_node, _previousTree) Xem IFocusableTree.onTreeFocus.
position() abstract Định vị bảng chọn.
positionAt_(width, height, x, y) protected Cập nhật khung hiển thị dựa trên toạ độ được tính trong position().
reflow() Chỉnh lại luồng nội dung của cửa sổ bật lên.
reflowInternal_()

protected

abstract

Tính toán ranh giới của bảng chọn. Đối với RTL: Bố trí các phần tử được căn chỉnh bên phải.
scrollToStart() abstract Di chuyển nhanh cửa sổ bật lên đến đầu nội dung.
serializeBlock(block) protected Tuần tự hoá một khối thành JSON.
setAutoClose(autoClose) Đặt xem cửa sổ bật lên này có tự động đóng khi các khối được kéo ra, không gian làm việc được nhấp vào, v.v. hay không.
setContainerVisible(visible) Đặt xem vùng chứa của cửa sổ bật lên này có xuất hiện hay không.
setContents(contents) Lưu trữ danh sách các phần tử trên trình đơn bật lên.
setMetrics_(xyRatio)

protected

abstract

Đặt bản dịch của bảng điều khiển bật lên sao cho khớp với các thanh cuộn.
setVisible(visible) Đặt xem bảng chọn có hiển thị hay không. Giá trị true không nhất thiết có nghĩa là bảng chọn sẽ xuất hiện. Có thể vùng chứa của chỉ số này bị ẩn nên chỉ số này cũng bị ẩn.
show(flyoutDef) Hiện và điền thông tin vào bảng chọn.
wheel_(e)

protected

abstract

Di chuyển cửa sổ bật ra.