次の方法で共有


ツール バー エディター (C++)

[ツール バー エディター] を使用すると、ツール バー リソースを作成し、ビットマップをツール バー リソースに変換できます。 [ツール バー エディター] では、グラフィカルな表示が使用されます。 完成したアプリケーションでの見え方に非常によく似ているツール バーと各ボタンが表示されます。

[イメージ エディター] ウィンドウと同じように、[ツール バー エディター] ウィンドウには、ボタン画像の 2 つのビューが表示されます。 分割バーは、2 つのペインを分割します。 これらのペインの相対サイズを変更するには、分割バーを左右にドラッグします。 アクティブなペインには選択境界線が表示され、画像の 2 つのビューの上にサブジェクト ツール バーがあります。

Screenshot of the Toolbar Editor with controls called out.
ツール バー エディター

ツール バー エディターは、機能の点ではイメージ エディターに似ています。 メニュー項目、グラフィック ツール、ビットマップ グリッドはどちらも同じです。 [イメージ] メニューには、[ツール バー エディター][イメージ エディター] を切り替えるためのメニュー コマンドがあります。 [グラフィックス] ツール バー、[色] パレット、または[イメージ] メニューの使用に関する詳細については、イメージ エディターに関する記事を参照してください。

ビットマップを変換することで、C++ プロジェクトに新しいツール バーを作成できます。 ビットマップのグラフィックは、ツール バーのボタン画像に変換されます。 通常、ビットマップには、1 つのビットマップ上に複数のボタン画像が含まれます (ボタンごとに 1 つの画像)。 画像の幅と高さの既定値は 16 ピクセルですが、任意のサイズに設定できます。 [新規ツール バー リソース] ダイアログ ボックスで、ボタン画像のサイズを指定できます。 サイズを指定するには、[イメージ エディター] の中で [イメージ] メニューの [ツール バー エディター] を選択します。

[新規ツール バー リソース] ダイアログ ボックスでは、C++ プロジェクトのツール バー リソースに追加するボタンの幅と高さを指定できます。 既定値は 16 × 15 ピクセルです。

ツール バーの作成に使用されるビットマップの最大幅は 2048 です。 [Button Width] (ボタンの幅)512 に設定した場合、設定できるボタンは 4 つのみです。 また、幅を 513 に設定した場合、設定できるボタンは 3 つのみです。

[新規ツール バー リソース] ダイアログ ボックスには、次のプロパティがあります。

プロパティ 説明
Button Width (ボタンの幅) ビットマップ リソースからツール バー リソースに変換するツール バー ボタンの幅を入力する領域を提供します。
Button Height (ボタンの高さ) ビットマップ リソースからツール バー リソースに変換するツール バー ボタンの高さを入力する領域を提供します。

Note

画像は指定された幅と高さにトリミングされ、標準のツール バーの色 (16 色) を使用するように色が調整されます。

既定では、ツール バーの右端に新規 (空白) ボタンが表示されます。 このボタンは、編集する前に移動できます。 新しいボタンを作成すると、編集したボタンの右側に別の空白ボタンが表示されます。 空白ボタンは、ツール バーを保存するときに保存されません。

ツール バーのボタンには、次のプロパティがあります。

プロパティ 説明
ID ボタンの ID を定義します。 ドロップダウン リストには、一般的な ID 名が表示されます。
ボタンの幅を設定します。 推奨は 16 ピクセルです。
高さ ボタンの高さを設定します。 1 つのボタンの高さを設定すると、ツール バーのすべてのボタンの高さが変更されます。 推奨は 15 ピクセルです。
プロンプト ステータス バーに表示されるメッセージを定義します。 \n と名前を追加すると、そのツール バー ボタンにツール ヒントが追加されます。 詳細については、「ツール バーのボタンのツール ヒントを作成するには」を参照してください。

[幅][高さ] は、すべてのボタンに適用されます。 ツール バーの作成に使用されるビットマップの最大幅は 2048 です。 これは、ボタンの幅を 512 に設定した場合、設定できるボタンは 4 つのみであることを意味します。 幅を 513 に設定した場合、設定できるボタンは 3 つのみです。

操作方法

[ツール バー エディター] を使用すると、次のことができます。

新しいツール バーを作成するには

  1. [リソース ビュー] で、.rc ファイルを右クリックし、[リソースの追加] を選択します。 .rc ファイルに既存のツール バーがある場合は、[ツール バー] フォルダーを右クリックし、[Insert Toolbar] (ツール バーの挿入) を選択できます。

  2. [リソースの追加] ダイアログ ボックスの [リソースの種類] の一覧で [ツール バー] を選択し、[新規] を選択します。

    [ツール バー] のリソースの種類の横にプラス記号 (+) が表示される場合は、ツール バーのテンプレートが使用できることを意味します。 プラス記号を選択してテンプレートの一覧を展開し、テンプレートを選択して、[新規] を選択します。

ビットマップをツール バー リソースに変換するには

  1. [イメージ エディター] で既存のビットマップ リソースを開きます。 ビットマップが .rc ファイルにまだ存在しない場合は、.rc ファイルを右クリックして [インポート] を選択します。 次に、.rc ファイルに追加するビットマップに移動し、[開く] を選択します。

  2. メニューの [イメージ]>[ツール バー エディター] に移動します。

    [新規ツール バー リソース] ダイアログ ボックスが表示されます。 ビットマップに合わせてアイコン画像の幅と高さを変更できます。 [ツール バー エディター] にツール バー画像が表示されます。

  3. 変換を完了するには、プロパティ ウィンドウを使用してボタンのコマンド ID を変更します。 新しい ID を入力するか、ドロップダウン リストから ID を選択します。

    ヒント

    [プロパティ] ウィンドウにはタイトル バーにプッシュピン ボタンがあり、これを選択すると、ウィンドウの [自動的に隠す] を有効または無効にすることができます。 個々のプロパティ ウィンドウを再度開かなくてもツール バー ボタンのすべてのプロパティを順番に表示するには、[プロパティ] ウィンドウが固定された状態になるように [自動的に隠す] をオフにします。

    プロパティ ウィンドウを使用して、新しいツール バー上のボタンのコマンド ID を変更することもできます。

ツール バーのボタンを管理するには

ツール バーのボタンを新規作成するには

  1. [リソース ビュー] で、リソース フォルダー (Project1.rc など) を展開します。

  2. [ツール バー] フォルダーを展開し、編集するツール バーを選択して、次のいずれかを行います。

    • ツール バーの右端にある空白ボタンに ID を割り当てます。 これを行うには、プロパティ ウィンドウ[ID] プロパティを編集します。 たとえば、メニュー オプションと同じ ID をツール バーのボタンに指定できます。 この場合は、ドロップダウン リスト ボックスを使用して、メニュー オプションの [ID] を選択します。

    • [Toolbar View] (ツール バー ビュー) ペインのツール バーの右端にある空白ボタンを選択し、描画を開始します。 既定のボタン コマンド ID (ID_BUTTON<n>) が割り当てられます。

ツール バーにボタンとして画像を追加するには

  1. [リソース ビュー] で、ツール バーをダブルクリックして、開きます。

  2. 次に、ツール バーに追加する画像を開きます。

    Note

    Visual Studio で画像を開いた場合、[イメージ エディター] で開きます。 他のグラフィックス プログラムで画像を開くこともできます。

  3. メニューの [編集]>[コピー] に移動します。

  4. ソース ウィンドウの上部で、自分のツール バーのタブを選択して、切り替えます。

  5. メニューの [編集]>[貼り付け] に移動します。

    画像が、新しいボタンとしてツール バーに表示されます。

ツール バーのボタンを移動するには

[Toolbar View] (ツール バー ビュー) ペインで、ツール バーの新しい場所に移動するボタンをドラッグします。

  • ツール バーからボタンをコピーするには、Ctrl キーを押したままにします。 [Toolbar View] (ツール バー ビュー) ペインで、ツール バーの新しい場所にボタンをドラッグします。 または、別のツール バー上の場所にドラッグします。

  • ツール バーのボタンを削除するには、ツール バー ボタンを選択し、ドラッグしてツール バーから外します。

  • ツール バーのボタン間に空間を挿入または削除するには、ツール バー上でボタンをドラッグして相互を離すか、近づけます。

アクション 手順
後に空間がないボタンの前に空間を挿入するには ボタンを、次のボタンに半分ほど重なるまで右または下にドラッグします。
後に空間があるボタンの前に空間を挿入し、後続の空間を保持するには ボタンを、その右または下の端が次のボタンに触れるか、ちょうど重なるまでドラッグします。
後に空間があるボタンの前に空間を挿入し、その次の空間を詰めるには ボタンを、次のボタンに半分ほど重なるまで右または下にドラッグします。
ツール バーのボタン間の空間を削除するには 空間の片側にあるボタンを選択します。 それを、次のボタンに半分ほど重なるまで、空間の反対側のボタンの方にドラッグします。

Note

ドラッグして引き離しているボタンの横に空間がなく、隣接するボタンの半分を越えてボタンをドラッグすると、ツール バー エディターによって、ドラッグしているボタンの反対側に空間が挿入されます。

ツール バー ボタンのプロパティを変更するには

  1. C++ プロジェクトで、ツール バー ボタンを選択します。

  2. プロパティ ウィンドウで、[ID] プロパティに新しい ID を入力するか、ドロップダウン リストを使用して新しい ID を選択します。

ツール バー ボタンのツール ヒントを作成するには

  1. ツール バー ボタンを選択します。

  2. プロパティ ウィンドウ[プロンプト] フィールドにステータス バー用のボタンの説明を追加し、メッセージの後に、\n とツール ヒント名を追加します。

たとえば、ワードパッド[印刷] ボタンのツール ヒントを表示するには、次のようにします。

  1. ワードパッドを開きます。

  2. マウス ポインターを [印刷] ツール バー ボタンの上に移動して、マウス ポインターの下に Print という単語が表示されるようになったことを確認します。

  3. [ワードパッド] ウィンドウの下部にあるステータス バーを調べて、そこにテキスト「Prints the active document」が表示されるようになったことを確認します。

Print はツール ヒント名であり、Prints the active document はステータス バー用のボタンの説明です。

[ツール バー エディター] を使用してこの効果を得る場合は、[プロンプト] プロパティを Prints the active document\nPrint に設定します。

必要条件

MFC または ATL

関連項目

Resource Editors
メニューとその他のリソース