blockly > blockRendering > Drawer
blockRendering.Drawer 類別
根據指定的算繪資訊繪製區塊的物件。
Signature:
export declare class Drawer
建構函式
| 建構函式 | 修飾符 | 說明 |
|---|---|---|
| (建構函式)(模塊, 資訊) | 建構 Drawer 類別的新例項 |
屬性
| 屬性 | 修飾符 | 類型 | 說明 |
|---|---|---|---|
| block_ | BlockSvg | ||
| constants_ | protected |
ConstantProvider | |
| info_ | RenderInfo | ||
| inlinePath_ | 字串 | ||
| outlinePath_ | 字串 | ||
| topLeft_ | 座標 |
方法
| 方法 | 修飾符 | 說明 |
|---|---|---|
| draw() | 將方塊拖曳至工作區。此處的「繪製」是指設定 SVG 路徑元素，以及在畫面上移動欄位、圖示和連結。 而路徑的片段會推送到「steps」的陣列中，然後以空格連接並直接在區塊上設定。這麼做可以確保步驟以空格分隔，提升可讀性，但並非必要。 |
|
| drawBottom_() | protected |
新增區塊底部邊緣的步驟，並可能加入凹槽以用於下一個連線。 |
| drawConnectionHighlightPath(measurable) | 傳迴路徑，醒目顯示指定連線。 | |
| drawInlineInput_(input) | protected |
為內嵌輸入新增步驟。 |
| drawInternals_() | protected |
繪製區塊的內部結構：內嵌輸入、欄位和圖示。這些方法不必仰賴刊登位置的外部路徑。 |
| drawJaggedEdge_(row) | protected |
為收合的區塊上列的鋸齒狀邊緣新增步驟。 |
| drawLeft_() | protected |
為區塊左側新增步驟，其中可能包含輸出連線 |
| drawOutline_() | protected |
建立區塊的外框。此為單一連續路徑。 |
| drawRightSideRow_(row) | protected |
為沒有值或陳述式輸入連線的資料列右側新增步驟。 |
| drawStatementInput_(row) | protected |
新增陳述式輸入步驟。 |
| drawTop_() | protected |
在方塊頂端角落加入步驟，將帽子和圓角等詳細資料列入考量。 |
| drawValueInput_(row) | protected |
為外部值輸入新增步驟，顯示為區塊側邊的凹槽。 |
| hideHiddenIcons_() | protected |
隱藏標示為隱藏的圖示。 |
| layoutField_(fieldInfo) | protected |
將欄位或圖示的新位置推送到 SVG 根目錄。 |
| positionExternalValueConnection_(row) | protected |
調整外部值輸入的連線位置，將 RTL 納入考量，並考量父項區塊與子項區塊之間的小差距，讓父項區塊的深色路徑顯示。 |
| positionInlineInputConnection_(input) | protected |
調整內嵌值輸入上的連線位置，將 RTL 納入考量，並考量父項區塊與子項區塊之間的小差距，讓父項區塊的深色路徑顯示。 |
| positionNextConnection_() | protected |
將下一個連線放置於區塊上。 |
| positionOutputConnection_() | protected |
將輸出連線定位在區塊上。 |
| positionPreviousConnection_() | protected |
將上一個連線定位在區塊上。 |
| positionStatementInputConnection_(row) | protected |
調整陳述式輸入中的連線位置，將 RTL 納入考量，並考量父項區塊與子項區塊之間的小差距，讓父項區塊的深色路徑顯示。 |
| recordSizeOnBlock_() | protected |
將大小調整資訊儲存回區塊中，大多數轉譯資訊可在轉譯結束時捨棄。如果要保留任何需要保留的內容，請使用這個函式。 |
| updateConnectionHighlights() | protected |
更新路徑物件以反映區塊上醒目顯示的連線。 |