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 |
|
(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 |
|
(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 |
|
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 |
|
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 |
|
(chưa khai báo) | Số độ mà đuôi cong ngược chiều kim đồng hồ. |
TAIL_BEND |
|
(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 |
|
(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() |