blockly > BlockSvg

Lớp BlockSvg

Lớp biểu thị SVG của khối. Thông thường, không được gọi trực tiếp, workspace.newBlock() sẽ được ưu tiên.

Chữ ký:

export declare class BlockSvg extends Block implements IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable 

Mở rộng: Chặn

Triển khai: IASTNodeLocationSvg, IBoundedElement, ICopyable<BlockCopyData>, IDraggable

Hàm khởi tạo

Hàm dựng Đối tượng sửa đổi Nội dung mô tả
(constructor)(không gian làm việc, prototypeName, opt_id) Tạo một thực thể mới của lớp BlockSvg

Thuộc tính

Tài sản Đối tượng sửa đổi Loại Nội dung mô tả
COLLAPSED_WARNING_ID

static

readonly

(chưa khai báo) ID để cung cấp cảnh báo "cảnh báo thu gọn". Cho phép chúng tôi xoá cảnh báo "cảnh báo bị thu gọn" mà không cần xoá bất kỳ cảnh báo nào thuộc về khối.
customContextMenu? (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void (Không bắt buộc)
phân tách? (p1: Không gian làm việc) => BlockSvg (Không bắt buộc)
height (chiều cao) number Chiều cao của khối này, không bao gồm bất kỳ khối câu lệnh nào ở trên hoặc bên dưới. Chiều cao được tính bằng đơn vị không gian làm việc.
Hàm INLINE

static

readonly

(chưa khai báo) Hằng số để xác định các hàng sẽ hiển thị cùng dòng. Không sử dụng kết hợp với Blockly.inputTypes.
người biến đổi MutatorIcon | rỗng Biểu tượng biến đổi của khối (nếu có).
nextConnection RenderedConnection
outputConnection RenderedConnection
previousConnection RenderedConnection
đã kết xuất boolean
lưuConnections? (p1: BlockSvg) => vô hiệu (Không bắt buộc)
kiểu BlockStyle
cảnh báo WarningIcon | giá trị rỗng Biểu tượng cảnh báo của tính năng chặn (nếu có).
chiều_rộng number Chiều rộng của khối này, bao gồm mọi khối giá trị được kết nối. Chiều rộng được tính bằng đơn vị không gian làm việc.
không gian làm việc WorkspaceSvg

Phương thức

Phương thức Đối tượng sửa đổi Nội dung mô tả
addIcon(icon)
addSelect() Thêm hiệu ứng "chọn" trực quan vào khối, nhưng không thực sự chọn hiệu ứng đó hoặc kích hoạt sự kiện.
appendInput(input)
bumpNeighbours()

Đẩy các khối chưa được kết nối khỏi căn chỉnh.

Hai khối không thực sự được kết nối với nhau không nên xuất hiện ngẫu nhiên trên màn hình, vì điều này sẽ khiến người dùng cuối bị nhầm lẫn.

checkAndDelete() Xoá một khối và ẩn đoạn trích khi thực hiện việc này. Khối này sẽ không bị xoá nếu nằm trong trình đơn bay ra. Thao tác này được gọi từ trình đơn theo bối cảnh và phím tắt dưới dạng thao tác xoá toàn bộ. Nếu bạn đang loại bỏ một khối khỏi không gian làm việc và không cần kiểm tra loại bỏ, xử lý nhóm sự kiện hoặc ẩn nút, hãy sử dụng trực tiếp block.dispose().
dispose(healStack, animate) Hãy vứt bỏ khối này.
disposeInternal() Loại bỏ khối này mà không thực hiện những việc theo yêu cầu của khối trên cùng. Ví dụ: kích hoạt các hiệu ứng giao diện người dùng, xoá nút, v.v.
generateContextMenu() protected Tạo trình đơn theo bối cảnh cho khối này.
getBoundingRectangle() Trả về toạ độ của một hộp giới hạn mô tả kích thước của khối này và bất kỳ khối nào được xếp chồng bên dưới. Hệ toạ độ: toạ độ không gian làm việc.
getChildren(ordered) Tìm tất cả các khối được lồng trực tiếp bên trong khối này. Bao gồm đầu vào giá trị và câu lệnh, cũng như bất kỳ câu lệnh nào sau đây. Loại trừ mọi kết nối trên thẻ đầu ra hoặc bất kỳ câu lệnh nào trước đó. Các khối được sắp xếp tuỳ ý theo vị trí; từ trên xuống dưới.
getColour() Lấy màu của một khối.
getColourSecondary() Lấy màu phụ của một khối.
getColourTertiary() Lấy màu trung gian của một khối.
getCommentIcon() Nhận biểu tượng nhận xét đi kèm với khối này hoặc nhận giá trị rỗng nếu khối không có nhận xét nào.
getNextBlock() Trả về khối câu lệnh tiếp theo được kết nối trực tiếp với khối này.
getPreviousBlock() Trả về khối được kết nối với kết nối trước đó.
getRelativeToSurfaceXY() Trả về toạ độ của góc trên cùng bên trái của khối này so với gốc của bề mặt vẽ (0,0) theo đơn vị không gian làm việc. Nếu khối nằm trên không gian làm việc, (0, 0) là gốc của hệ toạ độ không gian làm việc. Điều này không thay đổi với quy mô không gian làm việc.
getSvgRoot() Trả về nút gốc của SVG hoặc nút rỗng nếu không có nút nào.
initSvg() Tạo và khởi tạo bản trình bày SVG của khối. Có thể được gọi nhiều lần.
markDirty() Thông báo cho mọi dữ liệu đầu vào trên khối này để đánh dấu các trường là dữ liệu sửa đổi. Trường bẩn là trường cần được kết xuất lại.
moveBy(dx; dy, lý do) Di chuyển khối theo độ lệch tương đối.
moveNumberedInputBefore(inputIndex, refIndex) Di chuyển giá trị đầu vào được đánh số đến vị trí khác trong khối này.
moveTo(xy, lý do) Di chuyển một khối đến một vị trí.
removeIcon(type)
removeInput(name, opt_quiet) Hãy xoá một dữ liệu đầu vào khỏi khối này.
removeSelect() Xoá hiệu ứng "chọn" hình ảnh khỏi khối, nhưng không thực sự bỏ chọn hiệu ứng đó hoặc kích hoạt một sự kiện.
render() Ngay lập tức đặt ra và sắp xếp lại khối dựa trên nội dung và cài đặt của khối.
select() Chọn khối này. Làm nổi bật khối một cách trực quan và kích hoạt sự kiện được chọn nếu khối chưa được chọn.
setCollapsed(collapsed) Đặt xem khối có được thu gọn hay không.
setColour(colour) Thay đổi màu của một khối.
setEditable(editable) Thiết lập xem khối này có thể chỉnh sửa hay không.
setEnabled(enabled) Thiết lập xem bạn có bật tính năng chặn hay không.
setHighlighted(highlighted) Thiết lập xem khối có được đánh dấu hay không. Tính năng đánh dấu khối thường dùng để đánh dấu các khối hiện đang được thực thi theo cách trực quan.
setInputsInline(newBoolean) Thiết lập để sắp xếp giá trị đầu vào theo chiều ngang hay chiều dọc.
setMovable(movable) Thiết lập xem khối này có thể di chuyển hay không.
setMutator(mutator) Cung cấp cho khối này một hộp thoại biến đổi.
setNextStatement(newBoolean, opt_check) Thiết lập xem một khối khác có thể xâu chuỗi vào phần dưới cùng của khối này hay không.
setOutput(newBoolean, opt_check) Thiết lập xem khối này có trả về một giá trị hay không.
setPreviousStatement(newBoolean, opt_check) Thiết lập xem khối này có thể xâu chuỗi vào phần dưới cùng của một khối khác hay không.
setStyle(blockStyleName) Đặt giá trị kiểu và màu của một khối.
setWarningText(text, id) Đặt văn bản cảnh báo của khối này.
snapToGrid() Gắn khối này với điểm lưới gần nhất.
tab(bắt đầu, tiến) Mở FieldTextInput tiếp theo (hoặc trước đó).
toCopyData() Mã hoá một khối để sao chép.
dịch(x, y) Chuyển đổi một khối bằng cách thiết lập bản dịch trên thuộc tính biến đổi của SVG (Đồ hoạ vectơ có thể mở rộng) của khối.
unselect() Bỏ chọn khối này. Bỏ đánh dấu khối và kích hoạt sự kiện chọn (false) nếu khối hiện được chọn.
updateMarkers_() protected Vẽ lại bất kỳ điểm đánh dấu hoặc svg con trỏ đính kèm nếu cần.