バージョン

WinCheckEditor のカスタム スタイルの作成

始める前に

WinCheckEditor の GlyphInfo オブジェクトを使用して、ルック アンド フィールを馴染みのあるオペレーティング システムのテーマ化されたスタイルまたは最新の Microsoft® Office® 2007 スタイルに変更できます。ただし、Ultimate UI for Windows Forms の 2008 Volume 2 リリースでは、WinCheckEditor が存在できる各状態のカスタム画像を追加することができます。Check Box Designer を使用してこれらのカスタム画像を設定できます。

達成すること

Check Box Designer を使用して WinCheckEditor のカスタム スタイルを作成する方法を学習します。

次の手順を実行します

  1. WinCheckEditor をフォームに追加します。

    1. 新しいまたは既存の Windows Forms プロジェクトでは、Visual Studio® ツールボックスで UltraCheckEditor コントロールを見つけてダブルクリックします。WinCheckEditor がフォームに追加されます。

    2. WinCheckEditor が選択された状態で、プロパティ ウィンドウで GlyphInfo プロパティを指定し、このウィンドウの右の省略記号ボタンをクリックします。Check Box Designer が表示されます。

WinCheckEditor Creating a Custom Style for WinCheckEditor 01.png
  1. WinCheckEditor の通常の状態にカスタム画像を設定します

    1. デフォルトでは、Default Style が選択されます。カスタム スタイルを選択すると、WinCheckEditor の状態のそれぞれに個別の画像を設定できます。

    2. [次へ] をクリックして、先に進みます。Check Box Designer は、タブ付きインタフェースを表示し、各視覚状態に 3 つの値状態の画像を設定できます。

WinCheckEditor Creating a Custom Style for WinCheckEditor 02.png
  1. チェック解除グループ ボックスで省略記号(…​)ボタンをクリックします。ポップアップが表示します。

  2. ポップアップ メニューで [ファイルからロード] をクリックします。[ファイルを開く] ダイアログ ボックスが表示します。

  3. WinCheckEditor の通常、チェック解除状態で使用したい特定の画像を指定します。このトピックでは、以下の画像を使用します。画像を見つけたら、[開く] をクリックして画像を設定します。

  4. チェック グループ ボックスで省略記号(…​)ボタンをクリックします。ポップアップが表示します。

  5. ポップアップ メニューで [ファイルからロード] をクリックします。[ファイルを開く] ダイアログ ボックスが表示します。

  6. WinCheckEditor の通常、チェック状態で使用したい特定の画像を指定します。このトピックでは、以下の画像を使用します。画像を見つけたら、[開く] をクリックして画像を設定します。チェックおよびチェック解除状態がこれで設定されます。

  1. 残りの WinCheckEditor の視覚の状態にカスタム画像を設定します

    1. [ノーマル] タブの右の [マウス オーバー] タブをクリックします。

    2. チェック解除グループ ボックスで省略記号(…​)ボタンをクリックします。ポップアップが表示します。

    3. ポップアップ メニューで [コピー元] をクリックします。フライアウト メニューが 5 つの使用可能な視覚状態のそれぞれで表示され、現在の状態が灰色表示されます。

    4. フライアウト メニューで [ノーマル] をクリックし、ノーマル、チェック解除状態から同じ画像を使用します。

    5. チェック グループ ボックスで省略記号(…​)ボタンをクリックします。

    6. ポップアップ メニューで [コピー元] をクリックします。

    7. フライアウト メニューで [ノーマル] をクリックし、ノーマル、チェック状態から同じ画像を使用します。

    8. マウス ダウン、マウス ダウンおよびオーバー、そして無効な視覚状態で b から g を繰り返します。

    9. [完了] をクリックします。

  1. アプリケーションを実行します。

チェックボックスにマウスをホバーして画像が変更することを確認します。チェックボックスを選択して画像が変更することも確認します。