ソフトウェア > Lotus > Lotus Developer Domain >

Iris Today Archives

R5 ブックマーク：カスタマイズしたイメージを追加する

by Christie Williams
レベル：中級者
対　象：Designer R5
原文の掲載：2000年8月1日

Iris Today Archivesの原文

インデックス

	画像ファイルを用意する
	画像イメージを使用可能にする
	画像の更新
	画像の削除

ブックマークを作成すると、デフォルトで用意されている様々なデザインのアイコンを使って表示されます。例えば、データベースにはデータベース・アイコン、新規フォルダには空フォルダのアイコン、URL には紙の上に地球のイメージが書かれたアイコンなどです。はじめは特に何の問題もありませんが、同じアイコンを使ったブックマークをたくさん作成し始めるとどうなるでしょうか？例えば、ブックマーク・バーに複数のフォルダや複数のディスカッション・データベースを置くと、これらは全てデフォルトのフォルダ・アイコンとディスカッション・アイコンで表示されるのです。

そのブックマークが何のブックマークであるか、すぐにわかるようなグラフィック・イメージが必要になってくるでしょう。ブックマークのアイコンを変更するのは簡単なことです。アイコンを右クリックし、[ブックマークアイコンの変更] または [フォルダアイコンの変更] を選択し、[イメージリソースの挿入] ダイアログ・ボックス中のリストから新しいイメージを選ぶだけです。

しかし、もしこのリスト中に気に入ったイメージがなければ？よりユニークでおもしろいアイコンを使用したい場合はどうすればよいのでしょうか？ドミノ・デザイナーを使うことによって、GIF、JPEG、そして BMP ファイルをリスト中に簡単に追加することができるのです。

この記事では、ブックマーク・アイコンにあらゆる画像を指定できるようにする方法を説明します。これには画像ファイルをアイコンとして表示させる上での最適化の方法も含まれます。さらに、Iris Sandbox よりカスタマイズされたアイコンのセットをダウンロードすることができます。

この記事はドミノ・デザイナー、基本的なノーツ/ドミノのアプリケーション開発スキル、そして画像編集が可能なソフトについて、ある程度の知識があることを想定して書かれています。

画像ファイルを用意する

ブックマーク・アイコンとして、[イメージリソースの挿入] ダイアログ・ボックスではどんな画像でも使うことができるのですが、ある特定の画像は、フォルダやリンク画像として指定されてしまいます。これらは小、中、大の3つのサイズで表示されます。ユーザーは3つのサイズをブックマーク・アイコンとして指定することができるのです。（これはブックマーク・メニューか [ユーザープリファレンス] ダイアログ・ボックスを使って行います。）

Insert Image Resource Dialog Box

同様に、どんなGIF、JPEG、そして BMP ファイルも使うことができます。下の「画像イメージを使用可能にする」の説明通りに行ってください。簡単な画像は3つの全てのサイズで、大体のものは特に問題なく表示されるでしょう。しかし画像が正しく調整され、3つのサイズで確実に、最適に表示させるためには、画像ファイルを垂直イメージ・セットとして設定する方が良いでしょう。

垂直イメージ・セットは、3つの異なったサイズで画像を作成し、これらを幅 32 ピクセル、高さ 98 ピクセルの1つの垂直なイメージとして置くものです。このイメージの中では、3つの幅 32 ピクセル高さ 32 ピクセルのレイアウトがあり、それぞれ1ピクセルの溝で区切られています。下にある1つ目のイメージは、この3つのレイアウトを青、赤、緑、そして溝を白で表示させたものです。

2つ目、3つ目のイメージでは、大サイズのアイコン画像は 32 × 32 ピクセルで1番目のレイアウト・エリアに、中サイズのアイコン画像は 24 × 24 ピクセルで2番目のレイアウト・エリアに、そして小サイズのアイコン画像は 16 × 16 ピクセルで3番目のレイアウト・エリアに置かれています。3つ目のイメージに注目してください。アイコン自身が透過処理されており、背景色とブレンドしています。にもかかわらず、きちんとサイズも調整され、3つのレイアウト・エリアに正確に配置されているのです。

GIF、JPEG、そして BMP 画像を垂直イメージ・セットにする方法は次の通りです。

画像処理プログラムで幅 32 ピクセル、高さ 98 ピクセルの新規ファイルを開きます。背景を透明にすることを忘れないでください。（ソフトによって、この設定は画像を作成しているときに行うようにするものもあります。）
ブックマーク・アイコンとして使用する画像ファイルを作成するか、開いてください。

メモ：アイコン・エディターから画像をコピーし、この画像ファイルにペーストしてもかまいません。
その画像を 32 × 32 ピクセルに調節してください。
画像をコピーし、新規ファイルの左上にペーストしてください。これにより1つ目のレイアウト・エリアに配置したことになります。
元の画像のサイズを 24 × 24 ピクセルに再調節します。
再調節した画像をコピーし、すでに開いている新規ファイルにペーストします。1つめの画像との間に1ピクセルの溝を置いて、その真下に左端を揃えて配置します。これにより2つ目のレイアウト・エリアに配置したことになります。
元の画像のサイズを 16 × 16 ピクセルに再調節します。
再調節した画像をコピーし、新規ファイルにペーストします。2つ目の画像の9ピクセル下に配置してください。これにより3つ目のレイアウト・エリアに配置したことになります。

メモ：画像を慎重に配置することによって、どんなサイズのブックマーク・アイコンとして使用しても、問題なく表示されるようになります。
オプションとして、背景の「透明色」を変えることによって、画像編集ソフトでは背景が表示されるようにし、ノーツ上では表示されないようにすることが可能です。
GIF、JPEG、BMP 形式でファイルを保存、またはエクスポートしてください。

Iris Sandobox には、すでに垂直イメージ・セットして保存されてある、アイコンのセットがありますのでご覧になって下さい。

上に戻る

画像イメージを使用可能にする

R5に含まれている使用可能な画像のリストは、[イメージリソースの挿入] ダイアログ・ボックスの中にデフォルトで表示されます。これらの画像は、実は bookmark.nsf ファイルの中のイメージ・リソースなのです。したがって bookmark.nsf ファイルに画像をイメージ・リソースとして追加すれば、ダイアログ・ボックスの中の、オプションに追加されるのです。

bookmark.nsf に画像を追加する方法は次の通りです。

ドミノ・デザイナーを起動し、bookmark.nsf ファイルを開きます。これは通常 Notes - Data ディレクトリーの中にあります。
既存のイメージ・リソースを見るため、[リソース] を展開し [イメージ] を選択して下さい。
[新規イメージリソース] ボタンをクリックします。
[開く] ダイアログ・ボックスの中から、リストに追加したい画像ファイルを指定してから [開く] をクリックします。デザイナーは、[イメージ] ビューに各画像のエントリーを追加します。追加したイメージはあなたのノーツ ID ネームとともに、[イメージ] ビューの [最終更新者] の一覧に表示されます。

次に新しく追加されたイメージのプロパティーをチェックしてください。イメージの名前を変更すれば、[イメージリソースの挿入] ダイアログ・ボックスにファイル名以外の名前で表示させることができます。垂直イメージ・セットを追加する場合は、そのセットの中のイメージ数を明示しなければなりません。これによって bookmark.nsf の再設計時に、これらの画像が変更されたり削除されたりするのを防ぐことができるのです。

画像のプロパティーを設定する方法は次の通りです。

新しく追加されたイメージを右クリックし、[リソースのプロパティー] をクリックしてプロパティーを確認してください。
[名前] フィールドを編集します。[イメージリソースの挿入] ダイアログ・ボックスに表示させたい名前を入力します。例えば、「Link -」や「Folder -」などの文字列を画像名の前に付けて、ファイル名の拡張子を消す、といったことができるでしょう。
垂直イメージ・セットを使っている場合は、[垂直イメージ] フィールドを3に設定します。（垂直イメージ・セットについては、上の「画像ファイルを用意する」を参照してください。）
プロパティー・ボックスの [設計] タブをクリックし、[更新時に再設計/設計の置換を禁止する] チェック・ボックスが選択されているかどうか確認してください。

これで、[ブックマークアイコンの変更] または [フォルダアイコンの変更] を選ぶと、[イメージリソースの挿入] ダイアログ・ボックスに新しい画像が表示されます。（BMP ファイルは [イメージの種類] としてダイアログ・ボックス内には表示されませんが、[イメージの種類] のリストから [すべてのイメージ] を選択すると表示されるようになります。）

上に戻る

画像の更新

bookmark.nsf に追加した画像を変更したい場合があるかも知れません。bookmark.nsf の中のイメージ・リソースを更新するためには、データベースの中のイメージ・リソースを更新するのと同じ方法でできます。

イメージ・リソースを更新する方法は次の通りです。

[イメージ] ビューで、更新したいイメージ・リソースを選んでください。
[リソース] - [書き出し] を選びます。
書き出したファイルのパスとファイル名を指定し、[保存] をクリックします。
画像編集プログラムで書き出した画像ファイルを開き、編集し、保存してください。（また、元のGIF、JPEG、BMP 画像ファイルを編集してもかまいません。）
[イメージ] ビューで、更新した画像のイメージ・リソースを選択します。
[リソース] - [更新] を選択します。
[開く] ダイアログ・ボックスで、更新した画像を選び [開く] をクリックしてください。

デザイナーは特定のファイル中にある更新した画像を反映させるため、イメージ・リソースを更新します。これはイメージ・リソースの [プロパティ] ボックスを開くと確認することができます。画像のプレビューが更新したことを反映させている証拠なのです。
この時点でノーツは、このイメージ・リソースが使用されている全ての場所に、更新された画像を使い始めます。しかし、デザイナーでイメージ・リソースを更新させたときに、ノーツ・クライアントがすでに起動している場合は、ノーツを再起動しなければ更新された画像は表示されません。

上に戻る

画像の削除

追加した画像を削除する必要がある場合は、デザイナーの [イメージ] ビューに戻ります。追加した画像は [イメージ] ビューの [最終更新者] 欄に、あなたのノーツ ID 名を表示しています。

画像を削除する方法は次の通りです。

画像を右クリックします。
[切り取り] を選びます。

ご注意：データベースのイメージ・リソースに追加した画像も削除することは可能ですが、デフォルトの画像は絶対に削除しないでください。これらの画像はインターフェース内の様々な場所で使われているので、削除してしまうとノーツ・クライアント、ドミノ・デザイナー・クライアント、ドミノ管理クライアントの画面表示が崩れてしまう恐れがあるのです。
ブックマークを取り扱うにあたってのさらなる情報は、Iris Today の記事、R5 のブックマーク機能：必要な情報に、迅速、そして自由自在にアクセスするを参照してください。

この記事を書くにあたって、サンプルのアイコン・ファイルや記事全般に関わってくれたデビー・ブランコ、ケン・タンゴ、そしてダレン・アダムスに対して特別に感謝したいと思います。

上に戻る