blockly > blockRendering > Çekmece
blockRendering.Drawer sınıfı
Verilen oluşturma bilgilerine göre blok çizen bir nesne.
İmza:
export declare class Drawer
Markalar
| Marka | Değiştiriciler | Açıklama |
|---|---|---|
| (kurucu)(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 yanı sıra ekranda hareketli alanlar, simgeler ve bağlantıları ayarlamak anlamına gelir. Yolların parçaları "adım" dizilerine aktarılır. Bu diziler, daha sonra boşluklarla birleştirilir ve doğrudan bloka yerleştirilir. Bu işlem, daha iyi okunabilirlik için adımların boşluklarla ayrılmasını sağlar, ancak zorunlu değildir. |
|
| drawBottom_() | protected |
Bir bloğun alt kenarı için, muhtemelen sonraki bağlantı için bir çentik içeren 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 |
Bloğun iç kısımlarını çizin: satır içi girişler, alanlar ve simgeler. Bunlar yerleşim için dış yola bağlı değildir. |
| drawJaggedEdge_(row) | protected |
Daraltılmış bir blokta bir satırın eğimli kenarı için adımlar ekleyin. |
| drawLeft_() | protected |
Bloğun sol tarafına, çıkış bağlantısı içerebilecek adımlar ekleyin |
| drawOutline_() | protected |
Bloğun ana hatlarını oluşturun. Bu, tek bir sürekli yoldur. |
| drawRightSideRow_(row) | protected |
Değer veya ifade girişi bağlantısı olmayan bir satırın sağ tarafına adım 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 bloğun üst köşesi için adımlar ekleyin. |
| drawValueInput_(row) | protected |
Bloğun kenarında bir çentik olarak gösterilen harici bir değer girişi için adımlar ekleyin. |
| hideHiddenIcons_() | protected |
Gizli olarak işaretlenen simgeleri gizle. |
| layoutField_(fieldInfo) | protected |
Bir alanın veya simgenin yeni konumunu SVG köküne aktarın. |
| positionExternalValueConnection_(row) | protected |
Üst blok ile alt blok arasındaki küçük boşluğu ve üst blokun karanlık yolunun gösterilmesini sağlayan küçük boşluğu dikkate alarak bağlantıyı harici bir değer girişine yerleştirin. |
| positionInlineInputConnection_(input) | protected |
Üst blok ile alt blok arasındaki küçük boşluğu ve üst blokun koyu yolunun gösterilmesini sağlayan küçük boşluğu dikkate alarak bağlantıyı bir satır içi değer girişine yerleştirin. |
| 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 üzerine yerleştirin. |
| positionStatementInputConnection_(row) | protected |
Sağ ve üst blok ile alt blok arasındaki küçük boşluğu dikkate alarak bağlantıyı bir ifade girişine yerleştirin. Bu boşluk, üst bloğun karanlık yolunun gösterilmesini sağlar. |
| recordSizeOnBlock_() | protected |
Boyut bilgilerini bloka geri kaydetme Oluşturma bilgilerinin çoğu, oluşturma işleminin sonunda atlayabilir. Saklanması gereken her şey bu işlevde ayarlanmalıdır. |
| updateConnectionHighlights() | protected |
Yol nesnesini, bloktaki hangi bağlantıların vurgulandığını yansıtacak şekilde günceller. |