blockly > bubbles > Bubble

Lớp bubbles.Bubble

Lớp bong bóng bật lên trừu tượng. Thao tác này sẽ tạo một giao diện người dùng trông giống như một bong bóng lời thoại, trong đó có một "đuôi" trỏ đến khối và một "đầu" hiển thị các phần tử svg tuỳ ý.

Chữ ký:

export declare abstract class Bubble implements IBubble, ISelectable 

Triển khai: IBubble, ISelectable

Hàm khởi tạo

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

Thuộc tính

Thuộc tính Đối tượng sửa đổi Loại Mô tả
ANCHOR_RADIUS

static

readonly

(chưa khai báo) Khoảng cách giữa điểm mũi tên và điểm neo.
mục tiêu protected Định vị
BORDER_WIDTH

static

readonly

(chưa khai báo) Chiều rộng của đường viền xung quanh bong bóng trò chuyện.
contentContainer protected SVGGElement Nhóm SVG chứa nội dung của bong bóng trò chuyện.
đã xử lý boolean Đúng nếu bong bóng trò chuyện đã bị loại bỏ, sai nếu không.
DOUBLE_BORDER

static

readonly

số Nhân đôi chiều rộng của đường viền xung quanh bong bóng trò chuyện.
id chuỗi
MIN_SIZE

static

readonly

số Kích thước tối thiểu của bong bóng trò chuyện.
ownerRect? protected Rect | không xác định (Không bắt buộc)
svgRoot protected SVGGElement Nhóm SVG chứa tất cả các phần của bong bóng trò chuyện.
TAIL_ANGLE

static

readonly

(chưa khai báo) Số độ mà đuôi cong ngược chiều kim đồng hồ.
TAIL_BEND

static

readonly

(chưa khai báo) Độ sắc nét của đường cong đuôi. Số càng cao thì đuôi càng mượt.
TAIL_THICKNESS

static

readonly

(chưa khai báo) Độ dày của phần gốc đuôi so với kích thước của bong bóng. Số càng cao thì đuôi càng mỏng.
workspace readonly WorkspaceSvg

Phương thức

Phương thức Đối tượng sửa đổi Mô tả
canBeFocused() Xem IFocusableNode.canBeFocused.
dispose() Xoá bong bóng này.
drag(newLoc) Kéo bong bóng trò chuyện đến vị trí đã cho.
endDrag() Kết thúc thao tác kéo bong bóng trò chuyện.
getColour() protected Trả về màu nền và đuôi của bong bóng trò chuyện này.
getFocusableElement() Xem IFocusableNode.getFocusableElement.
getFocusableTree() Xem IFocusableNode.getFocusableTree.
getSize() protected
isMovable() Trả về liệu bong bóng trò chuyện này có thể di chuyển được hay không.
onNodeBlur() Xem IFocusableNode.onNodeBlur.
onNodeFocus() Xem IFocusableNode.onNodeFocus.
positionByRect(rect) protected Đặt bong bóng "tối ưu" để phần lớn bong bóng hiển thị và không chồng lên hình chữ nhật (nếu có).
positionRelativeToAnchor() protected Định vị bong bóng trò chuyện tương ứng với phần neo. Không hiển thị đuôi.
revertDrag() Di chuyển bong bóng trò chuyện về vị trí ban đầu khi bắt đầu kéo.
select()
setAnchorLocation(anchor, relayout) Đặt vị trí mà đuôi của bong bóng này trỏ đến.
setColour(colour) Đặt màu nền và đuôi của bong bóng trò chuyện này.
setDragging(_start)
setPositionRelativeToAnchor(left, top) Đặt vị trí của bong bóng trò chuyện này so với điểm neo.
setSize(size, relayout) protected Đặt kích thước của bong bóng trò chuyện này, bao gồm cả đường viền.
startDrag() Bắt đầu kéo bong bóng trò chuyện.
unselect()