قد تحتوي مساحة العمل الرئيسية لتطبيق بشكل اختياري على شبكة. يمكن عمل الكتل للانطباق على الشبكة، مما يتيح تخطيطًا أنظف. ويكون هذا مفيدًا بشكل خاص في التطبيقات الأكبر حجمًا التي تتضمّن مجموعات رموز برمجية متعددة تنتشر على مساحة كبيرة.
يتم تحديد إعدادات الشبكة من خلال عنصر يمثّل جزءًا من Blockly's Configuration. يُرجى الاطّلاع على المثال أدناه:
var workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox'),
grid:
{spacing: 20,
length: 3,
colour: '#ccc',
snap: true},
trashcan: true});
المسافات
إنّ خاصية الشبكة الأكثر أهمية هي spacing التي تحدد المسافة بين نقاط الشبكة. القيمة التلقائية هي 0، ولا ينتج عنها شبكة.
إليك أمثلة على ضبط spacing على 10 و20 و40:
الطول
السمة length هي رقم يحدّد شكل نقاط الشبكة.
ينتج عن الطول 0 شبكة غير مرئية (ولكن مع استمرارها يمكن أن يتم الانطباق) وطول 1 (القيمة الافتراضية) ينتج عنه نقاط، وينتج عن الطول الأطول تقاطعات، وطول يساوي أو أكبر من التباعد الذي ينتج عنه التباعد في ورق الرسم البياني. إليك أمثلة على ضبط length على 1 و5 و20:
اللون
السمة colour هي سلسلة تحدّد لون النقاط.
لاحظ التهجئة البريطانية. استخدِم أي تنسيق متوافق مع CSS، بما في ذلك #f00 أو #ff0000 أو rgb(255, 0, 0). القيمة التلقائية هي #888.
في ما يلي أمثلة على colour التي تم ضبطها على #000 و#ccc و#f00:
الانطباق
السمة snap هي قيمة منطقية تحدّد ما إذا كان يجب محاذاة القوالب إلى أقرب نقطة شبكة عند وضعها على مساحة العمل. القيمة التلقائية هي false.
