BlockSvg クラス
ブロックの SVG 表現のクラス。通常は直接呼び出されません。workspace.newBlock() を使用することをおすすめします。
署名:
export declare class BlockSvg extends Block implements IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode
拡張: Block
実装: IBoundedElement、IContextMenu、ICopyable<BlockCopyData>、IDraggable、IDeletable、IFocusableNode
コンストラクタ
| コンストラクタ | 修飾子 | 説明 |
|---|---|---|
| (constructor)(workspace, prototypeName, opt_id) | BlockSvg クラスの新しいインスタンスを構築します。 |
プロパティ
| プロパティ | 修飾子 | タイプ | 説明 |
|---|---|---|---|
| COLLAPSED_WARNING_ID |
|
（宣言されていません） | 「折りたたまれた警告」の警告を表示するための ID。ブロックに属する警告を削除せずに、「折りたたまれた警告」の警告を削除できます。 |
| customContextMenu? | (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void | （省略可） | |
| 分解しますか？ | （p1: Workspace）=> BlockSvg | （省略可） | |
| height | 数値 | このブロックの高さ。上下のステートメント ブロックは含まれません。高さはワークスペース単位です。 | |
| INLINE |
|
（宣言されていません） | インラインでレンダリングされる行を識別するための定数。Blockly.inputTypes と競合しないようにします。 |
| mutator | MutatorIcon | null | ブロックのミューテーター アイコン（ある場合）。 | |
| nextConnection | RenderedConnection | ||
| outputConnection | RenderedConnection | ||
| previousConnection | RenderedConnection | ||
| rendered | readonly |
（宣言されていません） | このブロックは BlockSVG ですか？ |
| saveConnections? | (rootBlock: BlockSvg) => void | （省略可）: このブロックに接続されているブロックの記録を保存し、このブロックが再構成された後に復元できるようにする省略可能なメソッド。通常、ミューテーター フライアウトのブロックのプロパティに接続されたブロックを記録します。これにより、このブロックが再コンポーズされた後、これらのコンポーネント ブロックを再配置すると、このブロックの対応する接続されたブロックが自動的に再配置されます。 保存された接続情報を最新の状態に保つため、MutatorIcon は、ミューテーター フライアウトが開いていて、このブロックのワークスペースで変更が発生するたびに、イベント リスナーがこのメソッドを呼び出すように手配します。 |
|
| style | BlockStyle | ||
| width | 数値 | このブロックの幅（接続された値ブロックを含む）。幅はワークスペース単位です。 | |
| ワークスペース | WorkspaceSvg |
メソッド
| メソッド | 修飾子 | 説明 |
|---|---|---|
| addClass(className) | このブロックの SVG グループに CSS クラスを追加します。 | |
| addIcon(icon) | ||
| addSelect() | ブロックに「選択」の視覚効果を追加しますが、実際には選択したりイベントを発生させたりしません。 | |
| appendInput(input) | ||
| bringToFront(blockOnly) | このブロックを表示されているワークスペースの先頭に移動します。 |
|
| bumpNeighbours() | 接続されていないブロックをずらします。 実際には接続されていない 2 つのブロックが画面上で偶然並ぶことがないようにしてください。エンドユーザーが混乱する可能性があります。 |
|
| calculateContextMenuLocation(e) | protected |
このブロックのコンテキスト メニューを表示する位置を取得します。ブロックがクリックされた場合はクリックの位置を使用し、それ以外の場合はブロックのフィールドに基づく位置を使用します。 |
| canBeFocused() | IFocusableNode.canBeFocused をご覧ください。 | |
| checkAndDelete() | ブロックを削除し、削除時にチャフを非表示にします。ブロックがフライアウトにある場合は削除されません。これは、コンテキスト メニューとキーボード ショートカットから完全な削除アクションとして呼び出されます。ワークスペースからブロックを破棄し、フライアウト チェック、イベント グループ化、チャフの非表示を行う必要がない場合は、block.dispose() を直接使用します。 |
|
| dispose(healStack, animate) | このブロックを破棄します。 | |
| disposeInternal() | 最上位のブロックで必要な処理を行わずに、このブロックを破棄します。たとえば、UI エフェクトのトリガー、ノードの削除などを行います。 | |
| drag(newLoc, e) | ブロックを指定された場所にドラッグします。 | |
| endDrag(e) | ブロックのドラッグを終了します。 | |
| generateContextMenu(e) | protected |
このブロックのコンテキスト メニューを生成します。 |
| getBoundingRectangle() | このブロックと、その下に積み重ねられたブロックの寸法を表す境界ボックスの座標を返します。座標系: ワークスペース座標。 | |
| getBoundingRectangleWithoutChildren() | このブロックのサイズのみを表す境界ボックスの座標を返します。座標系: ワークスペース座標。 | |
| getChildren(ordered) | このブロックの直下にあるすべてのブロックを検索します。値とステートメントの入力、および後続のステートメントが含まれます。出力タブまたは前のステートメントの接続は除外されます。ブロックは、必要に応じて上から下の順に並べ替えられます。 | |
| getColour() | ブロックの色を取得します。 | |
| getColourSecondary() | ブロックのセカンダリ カラーを取得します。 | |
| getColourTertiary() | ブロックの Tertiary カラーを取得します。 | |
| getFocusableElement() | IFocusableNode.getFocusableElement を参照してください。 | |
| getFocusableTree() | IFocusableNode.getFocusableTree を参照してください。 | |
| getNextBlock() | このブロックに直接接続されている次のステートメント ブロックを返します。 | |
| getPreviousBlock() | 前の接続に接続されているブロックを返します。 | |
| getRelativeToSurfaceXY() | このブロックの左上隅の座標を、ワークスペース単位で、描画サーフェスの原点（0,0）を基準にして返します。ブロックがワークスペースにある場合、(0, 0) はワークスペース座標系の原点です。これはワークスペースの規模によって変化しません。 | |
| getStyle() | このブロックのスタイル設定に使用される BlockStyle オブジェクトを返します。 | |
| getSvgRoot() | SVG のルートノードを返します。存在しない場合は null を返します。 | |
| initSvg() | ブロックの SVG 表現を作成して初期化します。複数回呼び出されることがあります。 | |
| isCopyable() | このブロックがコピー可能かどうかを返します。 | |
| isMovable() | このブロックが移動可能かどうかを返します。 | |
| jsonInit(json) | ||
| markDirty() | このブロックのすべての入力に通知して、フィールドをダーティとしてマークします。ダーティ フィールドとは、再レンダリングが必要なフィールドのことです。 | |
| moveBy(dx, dy, reason) | ブロックを相対オフセットで移動します。 | |
| moveNumberedInputBefore(inputIndex, refIndex) | 番号付きの入力をこのブロックの別の場所に移動します。 | |
| moveTo(xy, reason) | ブロックを位置に移動します。 | |
| onNodeBlur() | IFocusableNode.onNodeBlur をご覧ください。 | |
| onNodeFocus() | IFocusableNode.onNodeFocus をご覧ください。 | |
| removeClass(className) | このブロックの SVG グループから CSS クラスを削除します。 | |
| removeIcon(type) | ||
| removeInput(name, opt_quiet) | このブロックから入力を削除します。 | |
| removeSelect() | ブロックから選択の視覚効果を削除しますが、実際には選択解除したり、イベントを発生させたりしません。 | |
| render() | コンテンツと設定に基づいてブロックをすぐにレイアウトし、リフローします。 | |
| revertDrag() | ブロックをドラッグの開始位置に戻します。 | |
| scheduleSnapAndBump() | グリッドにスナップし、次のレンダリングの最後に隣接するブロックを移動します。 | |
| select() | このブロックを選択します。ブロックを視覚的にハイライト表示します。 | |
| setCollapsed(collapsed) | ブロックを折りたたむかどうかを設定します。 | |
| setColour(colour) | ブロックの色を変更します。 | |
| setDeletable(deletable) | ブロックが削除できない場合は blocklyNotDeletable クラスを追加し、ブロックが削除できる場合はクラスを削除 | |
| setDisabledReason(disabled, reason) | ブロックが無効になる理由を追加または削除します。ブロックが無効になる理由が 1 つでもあれば、ブロック自体が無効と見なされます。ブロックは、ユーザーが手動で無効にした場合や、ブロックが無効な場合など、複数の独立した理由で同時に無効になることがあります。 | |
| setDragStrategy(dragStrategy) | このブロックのドラッグ戦略を設定します。 | |
| setEditable(editable) | このブロックを編集可能にするかどうかを設定します。 | |
| setHighlighted(highlighted) | ブロックがハイライト表示されるかどうかを設定します。ブロックのハイライト表示は、現在実行中のブロックを視覚的にマークするためによく使用されます。 | |
| setInputsInline(newBoolean) | 値の入力が水平方向と垂直方向のどちらに配置されるかを設定します。 | |
| setMovable(movable) | このブロックを移動可能にするかどうかを設定します。 | |
| setMutator(mutator) | このブロックにミューテーター ダイアログを指定します。 | |
| setNextStatement(newBoolean, opt_check) | 別のブロックをこのブロックの下に連結できるかどうかを設定します。 | |
| setOutput(newBoolean, opt_check) | このブロックが値を返すかどうかを設定します。 | |
| setPreviousStatement(newBoolean, opt_check) | このブロックを別のブロックの下に連結できるかどうかを設定します。 | |
| setStyle(blockStyleName) | ブロックのスタイルと色の値を設定します。 | |
| setWarningText(text, id) | このブロックの警告テキストを設定します。 | |
| snapToGrid() | このブロックを最も近いグリッド ポイントにスナップします。 | |
| startDrag(e) | ブロックのドラッグを開始します。 | |
| toCopyData() | コピーするブロックをエンコードします。 | |
| toFlyoutInfo() | フライアウトに表示できるこのブロックの表現を返します。 | |
| translate(x, y) | ブロックの SVG の transform 属性に変換を設定して、ブロックを変換します。 | |
| unselect() | このブロックの選択を解除します。ブロックのハイライト表示を解除します。 |