次の方法で共有

チュートリアル : コントロール用のカスタム ツールボックス アイコンの作成

このチュートリアルでは、Windows Presentation Foundation (WPF) カスタム コントロール用のツールボックス アイコンを作成する方法について説明します。 カスタム コントロールをツールボックスに追加すると、このアイコンがコントロールの名前の横に表示されます。

このチュートリアルでは次のタスクを行います。

  • WPF カスタム コントロール ライブラリ プロジェクトを作成する。

  • コントロールのツールボックス アイコンに使用するカスタム ビットマップ ファイルを作成する。

  • デザイン時にコントロールのアイコンをテストする。

このチュートリアルを終了すると、カスタム コントロール用のツールボックス アイコンを作成する方法を習得できます。

注意

実際に画面に表示されるダイアログ ボックスとメニュー コマンドは、アクティブな設定またはエディションによっては、ヘルプの説明と異なる場合があります。 設定を変更するには、[ツール] メニューの [設定のインポートとエクスポート] をクリックします。 詳細については、「設定の操作」を参照してください。

必須コンポーネント

このチュートリアルを実行するには、次のコンポーネントが必要です。

  • Visual Studio 2010.

カスタム ツールボックス アイコンの作成

コントロール用のカスタム ツールボックス アイコンを作成するには、コントロールのプロジェクトに埋め込みリソースとしてイメージを追加します。

カスタム ツールボックス アイコンを作成するには

  1. Visual Basic または Visual C# で CustomControlWithToolboxIcon という名前の新しい WPF カスタム コントロール ライブラリ プロジェクトを作成します。

    コード エディターで CustomControl1 のコードが開きます。

  2. [プロジェクト] メニューの [新しい項目の追加] をクリックします。

    [新しい項目の追加] ダイアログ ボックスが表示されます。

  3. [新しい項目の追加] ダイアログ ボックスで、[全般] カテゴリをクリックします。

  4. テンプレートの一覧で、[ビットマップ ファイル] を選択し、新しいファイルに CustomControl1.Icon.bmp という名前を付けて、[追加] をクリックします。

    イメージ エディターが開きます。

  5. [プロパティ] ウィンドウで、ビットマップの Colors プロパティを [24 ビット] に設定します。

  6. イメージ エディターの各種ツールを使用して、ビットマップでイメージを描画します。 詳細については、「イメージ エディター」を参照してください。

  7. ソリューション エクスプローラーで CustomControl1.Icon.bmp を選択します。

  8. [プロパティ] ウィンドウで、[ビルド アクション] プロパティを [埋め込まれたリソース] に設定します。

  9. ソリューションをビルドします。

    詳細については、「ツールボックス アイコン」を参照してください。

ツールボックス アイコンのテスト

カスタム ツールボックス アイコンをテストするには、ツールボックスに CustomControl1 を追加します。

ツールボックス アイコンをテストするには

  1. Visual Basic または Visual C# で TestApplication という名前の新しい WPF アプリケーション プロジェクトをソリューションに追加します。

    WPF デザイナーで MainWindow.xaml が開きます。 ツールボックスの [CustomControlWithToolboxIcon コントロール] タブに CustomControl1 が表示されます。

    カスタム コントロールを使用したツールボックス

  2. ツールボックスの [CustomControl1] を右クリックして [削除] を選択します。

  3. 表示されたダイアログ ボックスで、[OK] をクリックします。

    ツールボックスから [CustomControl1] が削除されます。

  4. ツールボックスで、コントロールを追加するコントロール グループを右クリックして、コンテキスト メニューの [アイテムの選択] を選択します。

    [ツールボックス アイテムの選択] ダイアログ ボックスが表示されます。

  5. [ツールボックス アイテムの選択] ダイアログ ボックスで、[WPF コンポーネント] タブをクリックします。 詳細については、「[ツールボックス アイテムの選択] ダイアログ ボックスの [WPF コンポーネント] タブ」を参照してください。

  6. [参照] をクリックし、CustomControlWithToolboxIcon プロジェクトの bin\Debug フォルダーに移動します。

  7. [開く] ダイアログ ボックスで、CustomControlWithToolboxIcon.dll を選択して [開く] をクリックします。

    [ツールボックス アイテムの選択] ダイアログ ボックスに、CustomControlWithToolboxIcon アセンブリの詳細が表示されます。 [CustomControl1] にカスタム アイコンが表示されます。

  8. [OK] をクリックします。

    CustomControl1 が、対応するアイコンでツールボックスに表示されます。

    カスタム ツールボックス アイコン

参照

処理手順

方法 : アイコンをアセンブリに埋め込む

参照

[ツールボックス アイテムの選択] ダイアログ ボックスの [WPF コンポーネント] タブ

その他の技術情報

ツールボックス アイコン

リソースの使用

チュートリアル: ツールボックス アイコンへのメタデータの提供