blockly > blockRendering > Çekmece
blockOluşturma.Çekmece sınıfı
Verilen oluşturma bilgilerine göre blok çizen nesne.
İmza:
export declare class Drawer
Markalar
| Marka | Değiştiriciler | Açıklama |
|---|---|---|
| (oluşturucu)(engelleme, bilgi) | Drawer sınıfının yeni bir örneğini oluşturur |
Özellikler
| Özellik | Değiştiriciler | Tür | Açıklama |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected |
ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | dize | ||
| outlinePath_ | dize | ||
| topLeft_ | Koordinatör |
Yöntemler
| Yöntem | Değiştiriciler | Açıklama |
|---|---|---|
| draw() | Bloğu çalışma alanına çizin. Burada "çizim" SVG yolu öğelerinin ayarlanması ve ekrandaki hareketli alanların, simgelerin ve bağlantıların ayarlanması anlamına gelir. Yol parçaları, "adım" dizilerine aktarılır ve ardından boşluklarla birleştirilir ve doğrudan bloka ayarlanır. Bu şekilde, okunabilirliği artırmak için adımların boşluklarla ayrıldığı garanti edilir ancak zorunlu değildir. |
|
| drawBottom_() | protected |
Muhtemelen sonraki bağlantı için bir çentik içerek şekilde, bir bloğun alt kenarı için adımlar ekleyin. |
| drawConnectionHighlightPath(measurable) | Belirtilen bağlantıyı vurgulamak için bir yol döndürür. | |
| drawInlineInput_(input) | protected |
Satır içi giriş için adımlar ekleyin. |
| drawInternals_() | protected |
Blokun iç kısımlarını çizin: satır içi girişler, alanlar ve simgeler. Bunlar, yerleşimin dış yoluna bağlı değildir. |
| drawJaggedEdge_(row) | protected |
Daraltılmış bir bloktaki bir satırın pürüzlü kenarı için adımlar ekleyin. |
| drawLeft_() | protected |
Blokun sol tarafı için adımlar ekleyin. Bu adımlar, çıkış bağlantısı içerebilir |
| drawOutline_() | protected |
Blok ana hatlarını oluşturun. Bu, tek bir sürekli yoldur. |
| drawRightSideRow_(row) | protected |
Değer veya ifade giriş bağlantıları olmayan bir satırın sağ tarafı için adımlar ekleyin. |
| drawStatementInput_(row) | protected |
İfade girişi için adımlar ekleyin. |
| drawTop_() | protected |
Şapkalar ve yuvarlatılmış köşeler gibi ayrıntıları dikkate alarak blokun üst köşesi için adımlar ekleyin. |
| drawValueInput_(row) | protected |
Harici bir değer girişi için, bloğun yan tarafında bir çentik olarak oluşturulan adımlar ekleyin. |
| layoutField_(fieldInfo) | protected |
Bir alanı veya simgenin yeni konumunu SVG köküne aktarın. |
| positionExternalValueConnection_(row) | protected |
Bağlantıyı, RTL'yi ve üst blok ile alt blok arasındaki küçük boşluğu dikkate alarak harici bir değer girişine konumlandırın. Bu boşluk, üst blokun koyu yolunun gösterilmesini sağlar. |
| positionInlineInputConnection_(input) | protected |
Bağlantıyı bir satır içi değer girişi üzerinde konumlandırın. Bunu yaparken RTL'yi ve üst blok ile alt blok arasındaki küçük boşluğu dikkate alarak üst blokun karanlık yolunun görünmesini sağlayın. |
| positionNextConnection_() | protected |
Sonraki bağlantıyı bir blok üzerine yerleştirin. |
| positionOutputConnection_() | protected |
Çıkış bağlantısını bir blok üzerine yerleştirin. |
| positionPreviousConnection_() | protected |
Önceki bağlantıyı bir blok üzerinde konumlandırın. |
| positionStatementInputConnection_(row) | protected |
Bağlantıyı bir ifade girişine konumlandırın. Bunu yaparken RTL'yi ve üst blok ile alt blok arasındaki küçük boşluğu dikkate alarak üst blokun karanlık yolunun görünmesini sağlayın. |
| recordSizeOnBlock_() | protected |
Boyut bilgilerini tekrar bloğa kaydedin Oluşturma bilgilerinin çoğu, oluşturma işleminin sonunda atılabilir. Bulunması gereken her şey bu işlevde ayarlanmalıdır. |
| updateConnectionHighlights() | protected |
Yol nesnesini, blokta hangi bağlantıların vurgulandığını yansıtacak şekilde günceller. |