Bản khảo sát nghiên cứu: Cho chúng tôi biết trải nghiệm của bạn khi sử dụng Blockly
Bắt đầu khảo sát
Tuỳ chọn lưới
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Không gian làm việc chính của Blockly có thể có lưới (không bắt buộc). Bạn có thể tạo các khối để ghép nối với lưới, cho phép bố cục rõ ràng hơn. Điều này đặc biệt hữu ích trong các ứng dụng lớn hơn có nhiều nhóm mã trải rộng trên một khu vực lớn.
Chế độ cài đặt của lưới được xác định bởi một đối tượng thuộc các tuỳ chọn cấu hình của Blockly.
Dưới đây là ví dụ:
var workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox'),
grid:
{spacing: 20,
length: 3,
colour: '#ccc',
snap: true},
trashcan: true});
Giãn cách
Thuộc tính lưới quan trọng nhất là spacing
, xác định khoảng cách giữa các điểm của lưới. Giá trị mặc định là 0, dẫn đến không có lưới.
Dưới đây là ví dụ về spacing
được đặt thành 10, 20 và 40:

Chiều dài
Thuộc tính length
là một số xác định hình dạng của các điểm lưới.
Độ dài 0 sẽ tạo ra một lưới không hiển thị (nhưng vẫn có thể được chụp nhanh), độ dài 1 (giá trị mặc định) sẽ tạo ra các dấu chấm, độ dài lớn hơn sẽ tạo ra các dấu thập và độ dài bằng hoặc lớn hơn khoảng cách sẽ tạo ra giấy biểu đồ. Dưới đây là ví dụ về length
được đặt thành 1, 5 và 20:

Màu
Thuộc tính colour
là một chuỗi đặt màu cho các điểm.
Lưu ý cách viết theo tiếng Anh của Anh. Sử dụng định dạng tương thích với CSS bất kỳ, bao gồm #f00
,
#ff0000
hoặc rgb(255, 0, 0)
. Giá trị mặc định là #888
.
Sau đây là ví dụ về colour
được đặt thành #000
, #ccc
và #f00
:

Bám
Thuộc tính snap
là một boolean đặt xem các khối có nên chụp nhanh đến điểm lưới gần nhất khi được đặt trên không gian làm việc hay không. Giá trị mặc định là false
.

Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-06-13 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-06-13 UTC."],[[["Blockly workspaces can have an optional grid to help organize blocks, especially in larger projects."],["The grid is customizable with properties like spacing, length, color, and snap, which are configured within Blockly's options."],["Grid spacing controls the distance between grid points, length determines the visual shape of grid points, color sets the color of the grid, and snap enables or disables block snapping to the grid."]]],["Blockly's workspace grid is configured via `spacing`, `length`, `colour`, and `snap` properties within the workspace configuration. `Spacing` defines the distance between grid points, with a default of 0 (no grid). `Length` shapes the grid points (dots, crosses, or graph paper). `Colour` sets the grid's color using CSS formats. `Snap` determines if blocks align to the grid, defaulting to `false`. Activating snap enables a more organized layout.\n"]]