OpenWindows ユーザーズガイド

第 15 章 アイコンエディタ

アイコンエディタを使うと、白黒またはカラーのアイコンイメージを独自に作成することができます。アイコンイメージは、バインダを用いてアプリケーションやデータファイルに結合させることにより、ファイルマネジャに表示することができます。プログラマは、アイコンエディタを使って、アプリケーションのカーソル、グリフ、アイコンを作成し、C プログラムに含めることができる形式で保存することができます。

    アイコンエディタをオープンするには、「ワークスペース」->「プログラム」->「アイコンエディタ」を選択します。

アイコンエディタのアイコンとベースウィンドウ

アイコンエディタのアイコンを図 15-1 に示します。

図 15-1 アイコンエディタのアイコン

Graphic

アイコンエディタを起動すると、図 15-2 に示すようなベースウィンドウが表示されます。

図 15-2 アイコンエディタのベースウィンドウ

Graphic

アイコンエディタの制御機能について、次の節で説明します。

描画制御機能

キャンバスへのイメージの描画に使う制御機能は、図 15-3 に示すようにプレビュー領域の左に現れます。

図 15-3 描画制御機能

Graphic

この節では、描画制御メニューとボタンについて説明します。

描画モード選択項目

アイコンを描画するには、図 15-4 の選択項目から描画モードを選択します。

図 15-4 描画モード選択項目

Graphic

モード選択項目は以下のように機能します。

図 15-5 テキストポップアップウィンドウ

Graphic

キャンバスへのテキストの追加

テキストをキャンバスに追加するには、次の手順に従います。

  1. テキスト描画モードオプションの上でセレクトボタンをクリックします。

    この操作により、テキストポップアップウィンドウが表示されます。

  2. フォントメニューから使いたいフォントを選択します。

  3. プルダウンメニューからテキストの太さ、形式、サイズを選択します。

    太さ、形式、サイズメニュー上の項目は選択したフォントによって異なります。たとえば、サイズの選択項目を数多く利用できるフォントもあれば、デフォルト選択項目が 1 つしかないフォントもあります。

  4. 希望するテキストをテキストフィールドに入力します。

  5. テキストをテキストフィールドに入力したら、キャンバス上の希望する位置にポインタを移動してセレクトボタンを押し、テキストをアイコンに挿入します。

    次の図 15-6 の例に示すように挿入するテキストのサイズを示す四角形が表示されます。セレクトボタンを押したままにしている限り、その四角形をキャンバス内の任意の位置に移動して位置を決めることができます。

    図 15-6 アイコンへのテキストの追加

    Graphic

  6. ポインタをドラッグして四角形を移動し、所定の位置にきたらセレクトボタンを離します。

    テキストは、図 15-7 の例に示すようにキャンバスに追加されます。

    図 15-7 アイコンに追加されるテキスト

    Graphic

    テキストをキャンバスに追加すると、イメージのその他の部分の場合と同様にして編集することができます。

    • 領域アイコン (描画モード選択項目内の四角形) を選択してキャンバス上の四角形の領域を定義し、その領域を移動、反転、または回転を行うには、任意の移動ボタンの上でセレクトボタンをクリックします。

    • 消去アイコン (描画モード選択項目内の消しゴム記号) を選択してキャンバス上のピクセルを消去するには、カーソルをキャンバスの上に移動してセレクトボタンをクリックし、消しゴムカーソルを消去したい領域の上にドラッグします。消しゴムの先端の下のピクセルだけが実際に消去されます。

イメージの編集

常に、以下の操作が可能です。

    最後に加えた変更または追加を取り消すには、制御領域から「編集 (Edit)」->「取り消し」を選択します。

編集メニューのその他の編集コマンドの機能はテキストエディタウィンドウのコマンドと同じです。

イメージの一部カット

アイコンイメージの一部をカットするには、カットする領域の周囲に四角形の枠を作成します。この手順は次のとおりです。

  1. 描画モード選択項目の楕円の隣にある四角形アイコンの上でセレクトボタンをクリックします。 これはカットする領域を定義するためです。

    図 15-8 領域を選択する四角形アイコン

    Graphic

  2. ポインタをキャンバスウィンドウのカットする部分の 1 つの角に移動してセレクトボタンを押し、ポインタを対角にドラッグしてマウスボタンを離します。

    次の図 15-9はカットする部分が四角形の領域で囲まれたところを示しています。

    図 15-9 アイコンイメージのカットする部分の選択

    Graphic

  3. 「編集 (Edit)」->「カット」を選択します。

    イメージの囲まれた部分が選択されて、システムのクリップボードに格納されます。この部分は、必要であれば他の場所にペーストできます。図 15-10 はこの部分がカットされたアイコンイメージを示しています。

    図 15-10 一部がカットされたアイコンイメージ

    Graphic

消去

アイコンエディタ制御領域上の「abc」ボタンの隣にある小さな四角は消しゴムです。消しゴムのアイコンを図 15-11 に示します。

図 15-11 消しゴムのアイコン

Graphic

イメージの一部を消去する手順は次のとおりです。

  1. 消しゴムアイコンの上でセレクトボタンをクリックします。

  2. ポインタをキャンバスウィンドウの消去したい領域に移動します。

  3. セレクトボタンを押し、ポインタを消去したい領域の上にドラッグします。

    マウスボタンから頻繁に指を離してセグメントを少しずつ入力していくと、それまでに行なった変更を無駄にすることなく、いつでも最後のセグメントだけを取り消しできます。最後に行なった入力 (消去) の取り消しはいつでもできます。この場合は、編集メニューまたはウィンドウペイン (キャンバス) のポップアップメニューから「取り消し (Undo)」を選択します。

塗りつぶし選択項目

図 15-12 に示すように、塗りつぶし選択項目を使うと、四角形、円、または楕円形を描画するためのアウトラインか、または 10 個の塗りつぶしパターンの 1 つを選択することができます。このメニューは、現在のモードが塗りつぶし可能な図形 (四角形、円、または楕円) であるときにのみ有効です。

図 15-12 塗りつぶし選択項目

Graphic

最初の塗りつぶし選択項目、中空の四角形では、幅が 1 ピクセルの黒いパターンを使って選択された図形のアウトラインが描画されます。もう 1 つの塗りつぶし選択項目は、四角形、円、または楕円モードを塗りつぶすときに使える白から黒までのパターンを表します。

カラー制御機能

カラーまたは白黒のアイコンを作成するには、図 15-13 に示すように「カラー (Color)」または「モノクロ (B&W)」を選択します。ワークステーションが白黒ならば、カラーは利用できません。

図 15-13 カラー選択項目

Graphic

カラー選択項目を選択すると、黒、白、またはカラー選択ポップアップウィンドウに表示されている任意のカラーを使って描画することができます。アイコンエディタヘッダの「パレット (Palette)」ボタンを使ってカラー選択を表示します。カラー選択からカラーを選択すると、カーソルは現在のカラー選択のメモとしてそのカラーに変わります。カラーの使い方については、「カラー調整パレット」を参照してください。

「モノクロ (B&W)」選択項目を選択すると、白黒だけが利用できます。ヘッダにある 「パレット (Pallte)」ボタンは「黒色 (Black)」または「白色 (White)」選択項目の設定に変わります。「黒色 (Black)」を選択すると、アイコンは黒ペンで描画されます。「白色 (White)」を選択すると、アイコンは白ペンで描画されます。

アイコンをカラーで作成中に「モノクロ (B&W)」を選択すると、アイコンは白黒になります。


注意 - 注意 -

アイコンをカラーから白黒に変更すると、カラーに切り換えてもカラーに戻りません。不用意にカラーから白黒に切り換えてしまった場合は、編集メニューの「取り消し (Undo)」項目を使ってカラーに戻します。


移動ボタン

キャンバス上の図形の位置を調整するか、またはキャンバスの中で領域を移動するには、 「移動 (Move)」ボタン (図 15-14 に示す矢印) を使います。選択した領域を移動するには、左、右、上、または下向きの矢印ボタンのいずれかの上でセレクトボタンをクリックして指定した方向に 1 ピクセルだけ領域を移動します。領域を選択しなければ、図形全体が移動します。

図 15-14 移動ボタン

Graphic


注 -

キャンバスからイメージの一部を移動または回転させる場合、反対方向にイメージを移動すると、ピクセルはイメージから切り取られて復元されません。イメージを復元するには、「編集」メニューの「取り消し」項目を使います。


領域を移動する手順は次のとおりです。

  1. 「モード (Mode)」選択項目から領域を選択する四角形を選択します。

    領域を選択する四角形は、「モード (Mode)」選択項目の一番上の行の最後の項目です。

  2. 移動したい領域の角にポインタを移動してセレクトボタンを押します。

  3. ポインタをドラッグして領域を定義し、セレクトボタンを離します。

  4. 矢印ボタンのどれかの上でセレクトボタンをクリックして指定した方向に 1 ピクセルだけ領域を移動します。

    この操作は任意の回数、繰り返すことができます。

    前述の図 15-14 に示す 5 番目と 6 番目のボタンは、選択した領域を左から右、または上から下に反転します。領域を選択しなければ、キャンバス上のイメージ全体が反転されます。図 15-14 に示す右の 2 つのボタンは、領域またはイメージを矢印の方向に 90 度回転させます。

ファイルオプション

ファイルメニューを使って、アイコンのオープン、保存、および印刷を行います。

ファイルのオープンと保存

ファイルのオープン方法と保存方法に関する詳細については、第 1 章「Solaris ユーザ環境の紹介」を参照してください。

新規アイコンの保存

新しいアイコンイメージを描画したときに、それを新規ファイルに保存する手順は次のとおりです。

  1. 「ファイル (File)」->「保存 (指定)」を選択します。

    セーブウィンドウが表示されます。

  2. ファイルを保存します。

    ファイルの保存に関する詳細については、第 1 章「Solaris ユーザ環境の紹介」を参照してください。

変更したアイコンの保存

既存のアイコンイメージを変更した場合は、それを、新規ファイルに保存して元のイメージを残しておくことや、元のファイルに保存して元のイメージを更新することができます。ファイルの保存に関する詳細については、第 1 章「Solaris ユーザ環境の紹介」を参照してください。

アイコンを保存するために利用できる形式を次に示します。

キャンバスのクリア

    別の描画を行うためにキャンバスをクリアするには、「編集」メニューから「クリア」を選択します。

アイコンの印刷

アイコンファイルを印刷するには、図 15-15 に示すように「印刷 (Print)」ウィンドウをオープンします。このウィンドウは、ファイルメニューから「印刷」を選択すると現れます。

図 15-15 印刷ポップアップウィンドウ

Graphic

アイコンエディタの印刷ウィンドウから以下のオプションを指定することができます。

表示メニュー

表示メニューには、キャンバスにグリッドを表示するオプションがあります。

グリッドの表示

「表示 (View)」メニューから「グリッド」を選択するか、または、「表示 (View)」ボタンの上でセレクトボタンをクリックすると、キャンバス用の 4 ピクセルグリッドが表示されます。グリッドは、アイコンの全部または一部の位置合わせや中心合わせに便利です。

グリッドがオンにされると、表示メニュー項目は「グリッドなし」に変わります。したがって、「表示 (View)」ボタンの上でセレクトボタンをクリックしてグリッドをオンとオフにトグルすることができます。

図 15-16 はグリッドがオンになっている例を示しています。

図 15-16 グリッドがオンになっている例

編集メニュー

「編集」メニューには標準編集オプションがあります。このオプションについて、以下の節で説明します。「編集」メニューの項目は、キャンバスペインのポップアップメニューからも利用できます。

取り消しと再実行

「編集」メニューから「取り消し」を選択して、最大 7 個までの最後に行なった動作を取り消すことができます。「取り消し」を選択した後で「再実行」を選択して元の動作を繰り返すことができます。この操作より、取り消しを選択する前の状態にキャンバスを復元することができます。この機能があるため、アイコンに対してどのような処理を行うかに神経を使う必要がなくなります。結果が気に入らないときは、単に「取り消し」と「再実行」を使ってアイコンを最適な状態に復元してください。

動作は、取り消すたびに (最大 7 個の動作まで) 再実行動作として利用できるようになります。再実行はそれぞれ最後に行なった取り消し動作を行います。利用できる取り消し動作と再実行動作の数がフッタに表示されます。

クリア

「編集」メニューから「クリア」 を選択すると、キャンバスをクリアすることができます。警告通知は表示されません。クリアを取り消す場合には、編集メニューから「取り消し」を選択します。

カット、コピー、ペースト

「カット」、「コピー」、「ペースト」項目を使ってアイコンの領域またはアイコン全体の移動やコピーを行うことができます。

「編集」メニューで「カット」を選択すると、現在の領域がアイコンから削除され、クリップボードに保存されます。領域が現在定義されていなければ、アイコン全体が削除され、クリップボードに保存されます。

領域を定義するには、領域指定モードを選択し、ポインタを領域を開始したいキャンバスまで移動してセレクトボタンを押し、ポインタを希望する領域の対角までドラッグしてセレクトボタンを離します。領域は点線の境界線によって表示されます。境界線は、点滅してみえます。

「編集」メニューで 「コピー」を選択すると、現在の領域がクリップボードに保存されますが、アイコンからは削除されません。領域が現在定義されていなければ、アイコン全体がクリップボードに保存されます。

「編集」メニューで「ペースト」を選択する前に、クリップボードの内容をペーストしたい領域を定義します。「編集」メニューで「ペースト」を選択すると、クリップボードの内容の左上角と現在の領域内容の左上角とが一致するように位置づけられて、アイコンにコピーされます。

キーボードから Paste キーを押しても、(キーボードの種類によりますが)、クリップボードの内容は、イメージの左上角と現在の領域内容の左上角とが一致するように位置づけられます。

反転

黒いピクセルを白に、白いピクセルを黒に変更した白黒アイコンを現在の領域に入れるには、編集メニューの「反転」項目を選択します。領域を選択しない場合は、アイコン全体が反転します。アイコンがカラーの場合、「反転」項目は薄くぼやけて表示され、無効になっています。

プロパティメニュー

プロパティメニューには、アイコンの形式とサイズを変更するオプションがあります。

アイコンの形式

「形式」項目を使って保存するアイコンのデフォルト形式を指定します。形式を選択した後、ファイルメニューで「保存」を選択すると、その形式が使われます。この形式が、ファイルポップアップウィンドウのセーブメニューのデフォルト項目にもなります。詳細については、「ファイルのオープンと保存」を参照してください。

以下のアイコン形式が利用できます。

アイコンのサイズ

「サイズ」項目には、5 種類の標準アイコンイメージサイズがあります。

図 15-17 既存アイコンのサイズ変更

Graphic

カラー調整パレット

カラーワークステーションを使っている場合は、マルチカラーアイコンを作成することができます。ユーザの X アプリケーションで使うカラー X ピクセルマップファイルとしてカラーアイコンを保存することができます。アイコンエディタを使ってファイルマネージャの新規アイコンを作成する場合は、白黒アイコンを作成しなければなりません。バインダを使ってファイルマネージャアイコンのフォアグラウンドとバッグラウンドカラーを指定することができます。

カラーアイコンを作成したい場合は、「カラー制御機能」の説明に従ってアイコンエディタ描画制御領域でカラー選択項目を選択します。カラーアイコンの作成中は、アイコンエディタヘッダの右端のボタンには「パレット」というラベルが付きます (白黒アイコンの作成中は、このボタンは白黒選択設定に置き換えられます)。「パレット」ボタンの上でセレクトボタンをクリックすると、図 15-18 に示すように「カラー調整 (Color Chooser)」が表示され、描画するカラーを指定することができます。

図 15-18 カラー調整 (Color Chooser) ウィンドウ

Graphic

アイコンエディタで描画に使う現在のカラーは、図 15-18 に示すようにパレットの左上角に表示されます。

カラー調整パレットに表示されるカラーを使いたいときは、次の手順に従います。

  1. カラー調整パレットの希望するカラーの上でセレクトボタンをクリックします。

    選択したカラーは、カラー調整プレビュー領域にハイライトされて表示されます。プレビュー領域はパレットの左にある大きな正方形です。

  2. 「適用 (Apply)」ボタンの上でセレクトボタンをクリックしてカラー変更を記録します。

  3. ポインタをアイコンエディタに戻し、選択したカラーでアイコンを描画します。

    ポインタのカラーは描画用に選択したカラーに変わります。