部分的に可能です。draw.ioはファイルレベルのプレースホルダーを通じて名前を共有し、データから色を導出できますが、そのドキュメントでは異なるページ上のコピーされたシェイプ間での名前、色、リンクの自動的な双方向同期が確立されていません。
Macデスクトップタスクにおいて、重要な決定は1つの図を再配置する必要があるのか、それとも独立して配置された複数のバージョンを維持する必要があるのかです。レイアウトを適用すると既存のシェイプが再配置され、別々のページを維持すると管理する別々の値と設定が導入されます。以下のワークフローでは、合成ノードと文書化されたエディタ機能のみを使用します。レイアウトを適用して図を再配置する
どの種類の同期が必要ですか?
Node A、Node B、Node Cという3つの長方形が横長の配置と縦長の配置で表示されているとします。各ノードの名前、塗りつぶし色、リンク先が一致しながら、位置だけが異なるようにしたいとします。この要求にはいくつかの異なる操作が含まれます:
| 要件 | 文書化されたアプローチ | 境界 |
|---|---|---|
| 既存シェイプの配置を変更 | 現在の図にレイアウトを適用 | 既存オブジェクトを再配置するだけで、並行ビューを維持しない |
| ページ間で名前を再利用 | ラベルでファイルレベルのカスタムプロパティを参照 | 共有プロパティを編集;ラベルの直接編集は別の操作 |
| データに基づいてシェイプに色を付ける | ページレベルのスタイルルールまたはサポートされているスタイルプレースホルダーを使用 | 一致するデータと適用可能なルールを維持する必要がある |
| 繰り返しシェイプに同じリンク先を与える | それらのリンクを明示的に設定 | 共有ラベルは共有リンク先を確立しない |
| 任意のコピーを編集して3属性すべてを伝播 | 引用されたドキュメントでは完全なワークフローが確立されていない | ページ複製を自動同期システムとして扱わない |
これらの区別は文書化されたスコープから導かれます:ファイルプロパティはページ間で共有され、スタイルルールは個々のページに属し、リンクはシェイプメタデータとして格納されます。これらは制御されたメンテナンスワークフローをサポートしますが、別々のコピーがすべての3属性について1つの編集可能なオブジェクトになることを確立するものではありません。グローバルカスタムプロパティ、スタイルルールでシェイプのスタイルを変更、シェイプメタデータを編集
配置のみ変更する場合は1組のシェイプを使用
一度に1つの配置だけを扱う場合、編集可能な図を1つ保持します。これにより、対応するコピーを維持する実用上の問題を回避できます。draw.ioデスクトップはmacOSで動作するため、このアプローチではタスクをブラウザに移す必要がありません。draw.ioをオフラインで実行
3つの長方形を作成し、Node AをNode Bに、Node BをNode Cに接続します。配置を試す前に、意図したラベル、色、リンクを設定しておきます。その後、文書化されたレイアウトコマンドを使用します:
配置 > レイアウトを開く。- 適切なレイアウト(水平フロー、垂直フローなど)を選択。
- オプションを調整し、
適用をクリック。 - 結果を確認。
Cmd+Zで不適切な配置を元に戻す。
レイアウトは既存シェイプに作用し、それらの接続を使用して配置を計算します。現在のレイアウトドキュメントでは、コネクタのみのルーティングとシェイプを移動するレイアウトも区別されています。したがって、同じオブジェクトを再配置することは、調整する別のプロパティセットを作成せずにプレゼンテーションを変更するサポートされた方法です。レイアウトを適用して図を素早く整理
重要な制限が1つあります:連続してレイアウトを適用することは、保存されたビューの切り替えではありません。ドキュメントによると、レイアウトは図の現在の状態から計算されるため、別のレイアウトを適用しても以前の構造が一貫して再現されるわけではありません。正確で別々に編集可能な位置を利用可能に保つ必要がある場合は、別ページと以下のメンテナンスアプローチを使用してください。レイアウトを適用して図を再配置する
独立して配置されたページ間でノード名を共有
同時の横長版と縦長版が必要な場合、両ページを1ファイルに保持します。Wideというページから始め、後で複製してコピーをTallと命名します。文書化されたページメニューにはページの複製とページ名の変更があります。複製により開始配置が提供され、共有ラベルを明示的に設定します。図に複数ページを追加
ファイルスコープで名前を定義
ファイル > プロパティを開き、データの編集をクリックし、以下の説明用プロパティを追加します:
| プロパティ | 値 |
|---|---|
nodeAName |
Node A |
nodeBName |
Node B |
nodeCName |
Node C |
各エントリにプロパティの追加を使用し、適用をクリックします。ファイルプロパティはすべてのページで利用可能です。比較として、何も選択せずにデータの編集をクリックすると、現在のページのプロパティが定義されます。この区別が、名前をレイアウト間で共有できるかどうかを決定します。グローバルカスタムプロパティ
ラベルでそれらの名前を参照
最初の長方形でCmd+Mを押し、プレースホルダーを有効にして適用をクリック。ラベルを%nodeAName%に設定。他の長方形でも%nodeBName%、%nodeCName%で繰り返します。プレースホルダーを有効にし、プロパティ名をパーセント記号で囲むことが文書化されたラベル設定です。ラベルとツールチップでのプレースホルダーの操作
ページを複製し、複製を再配置します。後で論理ノード名を変更するには、そのファイルプロパティを変更します。同じ名前のプロパティをシェイプ、コンテナ、ページに追加しないでください:より具体的なプロパティがファイル値を上書きします。グローバルカスタムプロパティ
ラベルを共有名への参照と考えてください。このワークフローでは、表示ラベルをリテラルテキストで置き換えるのではなく、ファイルプロパティで名前変更を行ってください。
コピーがリンクされていると仮定せずに色を一貫させる
小規模な図の場合、明示的なスタイル更新で十分なことがよくあります。1つの長方形にスタイルを適用し、スタイルタブのスタイルのコピーをクリック、別ページの対応する長方形を選択してスタイルの貼り付けをクリック。このコマンド実行時に書式が適用され、以降の変更後も繰り返します。シェイプとコネクタのスタイルは別々にコピーする必要があります。シェイプとコネクタのスタイルをコピー&ペースト
塗りつぶしのみを変更する場合は、対象シェイプの塗りつぶし色コントロールを使用します。スタイル全体をコピーすると、意図した色変更以上の書式が適用される可能性があります。シェイプのスタイルを変更
ページルールで繰り返し可能な色規約を使用
複数の繰り返しノードがある場合、説明用の規約を定義します:Node Aのすべての表現で青を使用。各対応シェイプにカスタムプロパティnodeKeyを値Aで与え、Cmd+Mとプロパティの追加を使用。カスタムプロパティはシェイプとコネクタでサポートされます。シェイプメタデータを編集
各レイアウトページでルールを設定:
ファイル > ページ設定、次に詳細を開く。スタイルルールの横の編集をクリック、次にルールの追加。- プロパティ
nodeKeyを比較=と値Aで一致させる。 塗りつぶし色を選択、青を選び、OKで確定。
ルールはそのページ上の一致するシェイプにスタイルを適用します。各ページが独自のルールを所有し、シェイプがコピーされるとコピー先ページのルールが適用されます。Tallページでも規約を繰り返し、後で規約を変更するには両ページのルールを更新します。ルールで制御されるスタイルは、そのルールが適用されている間は通常の書式コントロールで変更できません。スタイルルールでシェイプのスタイルを変更
現在のドキュメントではstylePlaceholders=1を通じた動的色値もサポートされており、スタイルフラグメントfillColor=%color%;stylePlaceholders=1;が含まれます。これにより色がデータに従うことは確立されますが、リンクを含むコピーされたシェイプ全体の同期が確立されるわけではありません。これを明示的な塗りつぶしやページルールの高度な代替として扱ってください。AI図生成のためのスタイルリファレンス
リンクを別々に設定し、リンク先を確認
Detailsという第3ページを追加。各レイアウトのNode A長方形で右クリック、リンクの編集を選択、ページリストからDetailsを選び、適用をクリック。これにより両長方形に同じ明示的なリンク先が設定されます。ページドキュメントによると、リンク先ページの名前を変更すると、リンクされているページ名が自動的に更新されます。図に複数ページを追加
共有名だけではリンク先が一致する十分な証拠になりません。文書化されたlinkプロパティはシェイプのメタデータに属するため、リンク先を変更する際は両方の長方形を確認してください。シェイプメタデータを編集
カスタムアクションリンクの場合、draw.ioはアクションリストのコピーまたはすべてのセルメタデータのコピーを文書化しています。後者はスタイルタブ内で編集 > データのコピーと編集 > データの貼り付けを使用し、タグ、ツールチップ、プレースホルダーなどの他のメタデータもコピーします。同じメタデータバンドルを受け取るべき対象に対してその操作を予約してください。カスタムリンクとセルメタデータのコピー
さらなるレイアウトを追加する前に結果を検証
この合成図で小さな受け入れチェックを使用します。共有値と、依然として意図的なメンテナンスを必要とするプロパティを分離します:
| チェック | 期待される結果 |
|---|---|
ファイルプロパティnodeANameをNode A Revisedに変更 |
両方のプレースホルダーラベルが変更後の名前を表示 |
Tallページの長方形を移動 |
意図した独立配置が使用可能なまま |
| 両ページで青の規約を適用 | 両方の対応長方形が選択した塗りつぶしを表示 |
| 各長方形のリンクを確認 | 両方がDetailsを指す |
| 意図したリンク先を変更 | 影響を受ける各リンクが意図的に更新され、確認される |
ラベルが%nodeAName%をリテラル表示する場合、プレースホルダーが有効でプロパティ名が正しいか確認してください。片方のラベルのみが予期せぬ値を示す場合、そのシェイプ、祖先、ページプロパティで上書き値がないか確認してください。これらは文書化されたプレースホルダーとスコープのトラブルシューティング手順です。ラベルとツールチップでのプレースホルダーの操作、グローバルカスタムプロパティ
このMacデスクトップタスクでスプレッドシート更新ワークフローを代用しないでください。現在のデータソースドキュメントは、データソースをdraw.ioデスクトップで読み込めないことを明示しています。また、更新は手動であり、テンプレートの# linkディレクティブで提供されるリンクは使用されないとも述べています。したがって、その機能は要求されたデスクトップ同期の結果を提供しません。GoogleスプレッドシートとCSVファイルからシェイプを作成・入力
一度に1つの配置の場合、1組のシェイプを保持して再配置してください。複数の持続的レイアウトの場合、共有名プロパティ、明示的な色規約、別々に維持されるリンクを使用してください。これにより、文書化された境界を明確に保ちながら実用的で検証可能な結果が得られます:コピーされたシェイプは、すべての3属性について自動的な「どこでも編集」システムとして確立されていません。
ソース
- レイアウトを適用して図を再配置する — draw.io
- レイアウトを適用して図を素早く整理 — draw.io
- draw.ioをオフラインで実行 — draw.io
- 図に複数ページを追加 — draw.io
- グローバルカスタムプロパティ — draw.io
- ラベルとツールチップでのプレースホルダーの操作 — draw.io
- シェイプメタデータを編集 — draw.io
- シェイプとコネクタのスタイルをコピー&ペースト — draw.io
- シェイプのスタイルを変更 — draw.io
- スタイルルールでシェイプのスタイルを変更 — draw.io
- AI図生成のためのスタイルリファレンス — draw.io
- カスタムリンクとセルメタデータのコピー — draw.io
- GoogleスプレッドシートとCSVファイルからシェイプを作成・入力 — draw.io