blockly > blockRendering > Ngăn kéo

lớp blockRendering.Drawer

Một đối tượng vẽ một khối dựa trên thông tin kết xuất đã cho.

Chữ ký:

export declare class Drawer 

Hàm khởi tạo

Hàm dựng Đối tượng sửa đổi Nội dung mô tả
(hàm khởi tạo)(khối; thông tin) Tạo một thực thể mới của lớp Drawer

Thuộc tính

Tài sản Đối tượng sửa đổi Loại Nội dung mô tả
block_ BlockSvg
constants_ protected ConstantProvider
info_ RenderInfo
inlinePath_ string
outlinePath_ string
topLeft_ Tọa độ

Phương thức

Phương thức Đối tượng sửa đổi Nội dung mô tả
draw()

Vẽ khối này vào không gian làm việc. Ở đây, "vẽ" có nghĩa là đặt các phần tử đường dẫn SVG cũng như di chuyển các trường, biểu tượng và kết nối trên màn hình.

Các phần của đường dẫn được đẩy thành các mảng "bước", sau đó được liên kết bằng dấu cách và được đặt trực tiếp trên khối. Thao tác này đảm bảo rằng các bước được phân tách bằng dấu cách để cải thiện khả năng đọc, nhưng bạn không bắt buộc phải thực hiện các bước này.

drawBottom_() protected Thêm các bước cho cạnh dưới cùng của khối, có thể có cả khía cho kết nối tiếp theo.
drawConnectionHighlightPath(measurable) Trả về một đường dẫn để đánh dấu kết nối đã cho.
drawInlineInput_(input) protected Thêm các bước cho dữ liệu đầu vào cùng dòng.
drawInternals_() protected Vẽ các thành phần bên trong khối: dữ liệu đầu vào, trường và biểu tượng cùng dòng. Những vị trí này không phụ thuộc vào đường dẫn bên ngoài cho vị trí.
drawJaggedEdge_(row) protected Thêm các bước cho cạnh lởm chởm của một hàng trên khối đã thu gọn.
drawLeft_() protected Thêm các bước cho phía bên trái của khối, có thể bao gồm kết nối đầu ra
drawOutline_() protected Lập đường viền của khối. Đây là một đường dẫn liên tục.
drawRightSideRow_(row) protected Thêm các bước cho phía bên phải của một hàng không có kết nối dữ liệu đầu vào giá trị hoặc câu lệnh.
drawStatementInput_(row) protected Thêm các bước để nhập câu lệnh.
drawTop_() protected Thêm các bước cho góc trên cùng của khối, có tính đến các chi tiết như mũ và các góc tròn.
drawValueInput_(row) protected Thêm các bước cho giá trị đầu vào bên ngoài, được hiển thị dưới dạng vết khía ở cạnh của khối.
layoutField_(fieldInfo) protected Đẩy vị trí mới của một trường hoặc biểu tượng vào thư mục gốc SVG.
positionExternalValueConnection_(row) protected Định vị kết nối trên một giá trị đầu vào bên ngoài, có tính đến RTL và khoảng cách nhỏ giữa khối mẹ và khối con cho phép đường dẫn tối của khối mẹ hiển thị xuyên qua.
positionInlineInputConnection_(input) protected Định vị kết nối trên một đầu vào giá trị cùng dòng, có tính đến RTL và khoảng trống nhỏ giữa khối mẹ và khối con cho phép đường dẫn tối của khối mẹ hiển thị xuyên qua.
positionNextConnection_() protected Định vị kết nối tiếp theo trên khối.
positionOutputConnection_() protected Định vị kết nối đầu ra trên một khối.
positionPreviousConnection_() protected Định vị kết nối trước đó trên khối.
positionStatementInputConnection_(row) protected Định vị kết nối vào một đầu vào câu lệnh, có tính đến RTL và khoảng trống nhỏ giữa khối mẹ và khối con cho phép đường dẫn tối của khối mẹ hiển thị qua.
recordSizeOnBlock_() protected Lưu thông tin kích thước trở lại khối Hầu hết thông tin kết xuất có thể bị loại bỏ ở cuối quá trình kết xuất. Mọi thứ cần được giữ lại phải được đặt trong hàm này.
updateConnectionHighlights() protected Cập nhật đối tượng đường dẫn để phản ánh những kết nối trên khối được làm nổi bật.