Trình kết xuất

Hình dạng của một khối được xác định bởi trình kết xuất, dựa trên định nghĩa của khối (tức là các trường và kết nối của khối).

Trình kết xuất tích hợp

Blockly cung cấp ba trình kết xuất tích hợp, mỗi trình kết xuất mang lại cảm giác hơi khác cho chương trình.

Trình kết xuất đồ hoạ	Mô tả	Hình ảnh
Thrasos	Trình kết xuất được đề xuất. Đây là một cách hiện đại hơn để kết xuất trình kết xuất Geras, với khoảng cách đều hơn và đường viền liền mạch.
Geras	Trình kết xuất mặc định. Đây là trình kết xuất ban đầu mà Blockly được tạo.
Zelos	Trình kết xuất dựa trên thiết kế khối Scratch-3.0.

Để sử dụng một trong các trình kết xuất này, hãy truyền tên vào các tuỳ chọn cấu hình:

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

Trình kết xuất tuỳ chỉnh

Nếu muốn tạo giao diện khác cho chương trình so với bất kỳ trình kết xuất tích hợp nào, bạn cũng có thể tạo trình kết xuất tuỳ chỉnh. Để bắt đầu, nhóm Blockly đề xuất bạn:

1. Hãy đọc kỹ tài liệu về khái niệm trình kết xuất để tìm hiểu cách tất cả các thành phần của trình kết xuất kết hợp với nhau.
2. Hoàn thành lớp học lập trình về trình kết xuất tuỳ chỉnh để thực hành kết xuất tuỳ chỉnh.
3. Thêm trình kết xuất gỡ lỗi vào dự án.
4. Tuỳ chỉnh trình kết xuất.