UML形式のモデルの編集

手順：UMLスタイルのモデルを編集する

モデルエディタを使用すると、システムのさまざまな側面を示す構造図や動作図を含む、UML（Universal Modeling Language）スタイルのモデルを作成できます。ただし、このエディタではUMLのバリエーションが採用されており、モデル要素の外観を指定するためのプロパティは一部のみが利用可能です。

構造図はシステムの静的な側面を表すため安定していますが、動作図には静的な側面と動的な側面の両方が含まれます。

以下の種類の構造図を作成できます。

• パッケージ図：パッケージとその関係で構成され、システムのパッケージ化方法を可視化します。
• クラス図：クラス、依存関係、継承、関連、集約、および構成から成り、システムをオブジェクト指向の観点から示します。
• コンポーネント図：一連のコンポーネントとその関係で構成され、システムの実装を示す。
• 配置図：ソフトウェアおよびハードウェアコンポーネントの集合とその関係を表し、システムの配置を可視化するものです。

以下の種類の動作図を作成できます：

• ユースケース図：アクター、ユースケース、およびそれらの関係で構成され、システムの特定の機能を表現します。
• アクティビティ図：あるアクティビティから別のアクティビティへの流れを可視化するものです。
• シーケンス図：インスタンスで構成され、インスタンスがいつアクティブ化され、いつ破棄されるか、またライフラインがどこで終了するかを指定します。

モデルの編集

複数の異なる構造図や動作図を含むモデルを作成できます。図に要素を追加し、それらのプロパティを指定します。標準のモデル要素を使用するか、カスタムアイコン付きの独自の要素を追加できます。

モデルエディタ内のクラス図。

以下の方法でダイアグラムに要素を追加します。

• 要素ツールバー（1）からエディタ（2）へ要素をドラッグします。
• ツールバーのボタン (3) を選択して、要素ツリー (4) に要素を追加します。
• 要素ツリーからエディタへ要素をドラッグして、その要素とすべての関連関係をダイアグラムに追加します。
• サイドバービューからエディタへソースファイルをドラッグして、C++クラスやコンポーネントを図に追加します。

要素のグループ化

要素をグループ化するには、それらを境界線で囲みます。境界線を移動すると、その内側のすべての要素が一緒に移動します。

同様に、スイムレーンをダイアグラムにドラッグします。スイムレーンを移動すると、その右側（垂直スイムレーンの場合）または下側（水平スイムレーンの場合）にあるすべての要素が一緒に移動します。

垂直スイムレーンを作成するには、スイムレーンアイコンを図の上端の境界線にドロップします。水平スイムレーンを作成するには、アイコンを左端の境界線の近くにドロップします。

パッケージ上に配置したクラスやその他のオブジェクトは、パッケージとともに移動します。個々の要素を移動したり、そのプロパティを変更したりするには（5）、それらを選択してください。

複数選択機能を使用して、要素を一時的にグループ化できます。

要素の整列

エディタで要素を揃えるには、複数の要素を選択し、右クリックしてコンテキストメニューを開きます。「Align Objects 」メニューのアクションを選択して、要素を水平または垂直に揃えたり、幅や高さを調整したりします。

要素の管理

要素の上にマウスをドラッグして選択し、ステレオタイプや色の変更などの操作を適用します。ステレオタイプとは、エンティティ、コントロール、インターフェース、境界など、要素を分類するための分類子です。 エンティティは通常、データを格納するために使用されるクラスです。一部のステレオタイプには、カスタムアイコンが定義されています。1つの要素に、カンマ区切りで複数のステレオタイプを割り当てることができます。

ダイアグラムに関連要素を追加するには、エディタで要素を選択し、コンテキストメニューから「Add Related Elements 」を選択します。

デフォルトでは、ダイアグラムで要素を選択すると、「Structure 」ビューでもその要素が強調表示されます。この動作を変更し、「Structure 」で要素を選択した際にダイアグラムでもその要素が強調表示されるようにするには、「 」を選択し、次に「Synchronize Diagram with Structure 」を選択します。ダイアグラムと「Structure 」ビューでの選択状態を同期させるには、「Keep Synchronized 」を選択します。

要素名からファイルへのリンク

要素名からファイルにリンクするには、Linked file でファイルを選択します。

図の拡大表示

図を拡大するには：

• ツールバーの「Zoom In 」ボタンを選択します。
• Ctrl++ を選択します。
• Ctrlキーを押しながら、マウスホイールを上に回します。

図を縮小するには：

• 「Zoom Out 」を選択します。
• Ctrl+- を選択します。
• Ctrlキーを押しながら、マウスホイールを下に回します。

図のサイズを 100% にリセットするには：

• 「Reset Zoom 」を選択します。
• Ctrl+0 を選択します。

図の印刷

図を印刷するには、エディタで要素が何も選択されていない状態でCtrl+C を押して、すべての要素を 300 dpi でクリップボードにコピーします。その後、画像を印刷できるアプリケーションに図を貼り付けます。

エディタで選択した要素をコピーする場合、それらの要素とその関係のみが画像としてクリップボードにコピーされます。

ダイアグラムを画像としてエクスポートする

ダイアグラムを画像として保存するには、[File] に移動し、[Export Diagram] を選択します。ダイアグラムの選択部分のみを保存するには、[Export Selected Elements] を選択します。

カスタム要素の追加

モデルエディタには、パッケージ、コンポーネント、クラス、アイテムという組み込みの要素タイプが用意されています。

組み込み要素にカスタムアイコンを使用するには、Image で要素のプロパティから画像ファイルを選択します。

コンポーネントのプロパティにある [Image] フィールド。

定義ファイルの使用

パッケージ、コンポーネント、およびクラス要素の場合、定義ファイルを使用してカスタムアイコンを指定できます。

アイコンの色、サイズ、および形状は、ステレオタイプによって決定されます。要素にステレオタイプを関連付けると、その要素のアイコンはカスタムアイコンに置き換えられます。たとえば、クラスにはエンティティおよびインターフェースのステレオタイプを、コンポーネントにはデータベースのステレオタイプを関連付けることができます。

ユースケース図やアクティビティ図は、組み込みのitem要素タイプを使用してカスタム要素を追加する例です。item 要素は単純な長方形の形状をしています。ユースケース図では、item 要素にカスタムアイコンを使用する方法を示しています。添付されているステレオタイプはusecaseと呼ばれますが、非表示になっています。 したがって、ユースケースを図にドラッグすると、ユースケースとして表示されますが、ステレオタイプは定義されていないように見え、そのユースケースに追加のステレオタイプを割り当てることができます。

ユースケース図やアクティビティ図の要素には、シンプルな定義ファイル形式を使用して色やアイコンを割り当てることができます。たとえば、次のコードは「UseCase 」というカスタム要素を追加します。

Icon {
    id: UseCase
    title: "Use-Case"
    elements: item
    stereotype: 'usecase'
    display: icon
    width: 40
    height: 20
    baseColor: #5fb4f0
    Shape {
        Ellipse { x: 20, y: 10, radiusX: 20, radiusY: 10 }
    }
}

利用可能なオプションの詳細については、Qt Creator のインストールディレクトリ内のshare/qtcreator/modeleditor ディレクトリにあるstandard.def を参照してください。ここには、カスタム関係タイプや既存のタイプ（クラス間に描画できる構成関係など）のテンプレートの定義方法についても説明されています。

独自の定義ファイルを作成し、ファイル拡張子を.def として保存することで、ステレオタイプ、要素、またはツールバーにカスタムカラーやアイコンを追加できます。このファイルをstandard.def ファイルと同じディレクトリに保存するか、モデルのルート要素を選択して、プロパティ「Config path 」に.def ファイルを適用してください。