< 前へ

演習 5: プロファイル・ツールへのイメージの挿入

この演習では、プロファイルおよびプロファイル・ツールにイメージを追加します。
演習を始める前に、「プロジェクト・エクスプローラー」ビューで表示するアイコン用に、16 ピクセル x 16 ピクセルの GIF または JPG ファイルなどの画像ファイルを準備する必要があります。また、ダイアグラム・エディターで表示するイメージ用に 50 ピクセル x 50 ピクセルの SVG または GIF ファイルも必要です。
プロファイルの作成者としてプロファイルのステレオタイプにカスタム・アイコンとイメージを追加すると、生成されたプロファイル・ツールの以下の場所にカスタム画像が表示されます。
アイコンおよび画像を指定して、作成したステレオタイプを区別できます。ステレオタイプをモデル要素に適用すると、指定したアイコンがステレオタイプ名の横に表示されます。また、ダイアグラム・エディターのダイアグラム要素のデフォルト画像が指定した画像で置き換えられます。
注: この演習では、yellowA.gif という名前のアイコン・ファイルがステレオタイプ <A> のアイコン画像に、greenA.gif という名前のイメージ・ファイルがこのステレオタイプのイメージに使用されます。

プロファイルにカスタム・イメージを追加するには、次のようにします。

  1. 演習 1 および演習 2 で説明したように、新しいプロファイル・ツール・プラグイン・プロジェクトを作成します。
  2. 画像編集プログラムを使用して、この演習の後半で使用する画像ファイルを 2 つ作成します。このチュートリアルでは、画像の見た目は重要ではありませんが、演習の後半に表示されている画面捕そくにあるものと似た画像を作成するとよいでしょう。
    1. 「プロジェクト・エクスプローラー」ビュー用の小さなステレオタイプ・アイコンを作成します。背景が黄色の大文字の A を作成し、ファイルの名前を「yellowA.gif」とします。必ず 16 ピクセル x 16 ピクセルの GIF ファイルにします。
    2. ダイアグラム・エディター用のイメージを作成します。背景が緑色の大文字の A を作成し、ファイルの名前を「greenA.gif」とします。必ず 50 ピクセル x 50 ピクセルの GIF ファイルにします。
      注: これらのイメージ・ファイルはプロジェクト・ディレクトリーに置く必要はありません。ローカル・ファイル・システムからイメージを参照できます。
    3. 「プロパティー」ビューで、ステレオタイプの「プロパティー」タブに表示される小さなステレオタイプ・アイコンを作成します。背景がオレンジ色の大文字の A を作成し、ファイルの名前を「orangeA.gif」とします。必ず 16 ピクセル x 16 ピクセルの GIF ファイルにします。
      重要: このファイルは、プロファイル・ツール・プラグイン・プロジェクトのパッケージ内に置く必要があります。「プロパティー」タブをカスタマイズする前に、この画像をプロファイル・ツール・プラグイン・プロジェクトにインポートする必要があります (例えば、icons/orangeA.gif)。
  3. ステレオタイプにアイコンおよびイメージを追加するには、「プロジェクト・エクスプローラー」ビューのプロファイル・フォルダーで、ステレオタイプ (例えば、<<A>>) を表示します。
  4. 「プロパティー」ビューで、「一般」タブをクリックします。「アイコン」フィールドで、yellowA.gif ファイルの場所を参照して指定します。
  5. 「プロパティー」ビューで、「一般」タブをクリックします。「図形イメージ」フィールドで、greenA.gif ファイルの場所を参照して指定します。
  6. ファイル」>「保存」とクリックします。
  7. 「プロジェクト・エクスプローラー」ビューの「プロファイル」の下で、「マイ・プロファイル」を右クリックし、「プロファイル・ツール・モデルの生成」をクリックします。
    注: ツール・モデルを生成した場合、プロファイルにイメージを追加してからツール・モデルを更新する必要があります。ただし、ビジュアルな比較マージ・ウィンドウで、プロファイル・ツール・モデルのカスタマイズ内容を上書きできます。
  8. ステレオタイプの「プロパティー」タブにカスタム・イメージを追加するには、プロファイル・ツール・プラグイン・プロジェクトのパッケージでイメージが使用可能であることを確認します。「プロパティー」タブをカスタマイズする前に、プロジェクトのアイコン・ディレクトリーに orangeA.gif イメージをインポートします。
  9. 「プロジェクト・エクスプローラー」ビューで、「マイ・プロファイル」ツール・モデルを開き、「<<Properties>> Properties」パッケージおよび「<<PropertyTabs>> Property」タブの各要素を展開します。
  10. カスタム・アイコンを追加する要素の「プロパティー」タブを選択します。例えば、「<<PropertyTab>> <A> Actor」を選択します。
  11. 「プロパティー」ビューで、「PropertyTab」タブを選択します。
  12. 「image」プロパティーの値をカスタム・アイコンの場所「icons/orangeA.gif」に設定します。
  13. 「プロパティー」タブにインデントを設定するには、「indented」プロパティーで「True」を指定します。 以下の図に、作成された「<<PropertyTab>><A> Actor」のプロパティーを示します。「<<PropertTab>><A> Actor」の「プロパティー」ウィンドウ
  14. ファイル」>「保存」とクリックします。
  15. 「プロジェクト・エクスプローラー」ビューで、ツール・モデルを右クリックし、「ツール・コードの生成」をクリックします。

プロファイル・ツール・プラグインをデプロイし、このプロファイルに基づいて新しいモデルを作成すると、ダイアグラム・エディター、「プロジェクト・エクスプローラー」ビュー、パレット、「アウトライン」ビュー、および「プロパティー」ビューにカスタム・イメージが表示されます。このイメージは、次の図と似たものになるはずです。ダイアグラム・エディター、およびプロジェクト・エクスプローラー、パレット、アウトライン、プロパティーの各ビューのカスタム・イメージ

< 前へ

フィードバック