システムコントロールのスタイル処理のための再利用可能なテンプレートの作成

システムコントロールの外観は、コントロールのテンプレートのコピーを変更することでカスタマイズできます。

次の手順ではボタンを使用していますが、Microsoft Expression Blend のシステムコントロールや、Control クラスを継承するインポート済みのカスタムコントロールであれば、どのようなコントロールのテンプレートでも作成できます。

ボタンのテンプレートのコピーを作成するには

アートボードの一番上にある階層リンクバーを使用して、ボタンのテンプレートのコピーを作成します。[Button] をクリックして、[テンプレートの編集]、[コピーして編集] の順にクリックします。

Dd185509.40c4d9ae-bf61-4492-b0c8-b090a7b9acfb(ja-jp,Expression.40).png

ヒント :
システムコントロールの既定のテンプレートは変更できないため、コピーを作成します。または、空のテンプレートを作成し、アートアセットをインポートするか、新しいオブジェクトを描画して、ボタンをデザインすることもできます。

[スタイルリソースの作成] ダイアログボックスに、テンプレートの名前を入力します。たとえば、「ButtonStyle1」と入力します。
[定義先] で、テンプレートを定義する場所を選択します。
- アプリケーション内の任意のドキュメントのボタンオブジェクトにテンプレートを使用できるようにする場合は、[アプリケーション] を選択します。
- 現在のドキュメントのボタンオブジェクトにのみテンプレートを使用できるようにする場合は、[このドキュメント] を選択します。
- このドキュメントのこのボタンにのみテンプレートを使用できるようにする場合は、[このドキュメント] の横にあるドロップダウンボックスで [Button] をクリックします。

[OK] をクリックしてダイアログボックスを閉じ、編集用にテンプレートを開きます。

ヒント :
階層リンクバーにより、オブジェクトに適用するテンプレートの編集とオブジェクト自体の編集を簡単に切り替えられます。たとえば、テンプレート編集モードを終了するには、階層リンクバーで [Button] をクリックします。テンプレート編集モードに戻るには、ボタンオブジェクトを選択し (ボタンの階層リンクバーを表示するため)、次に階層リンクバーで [テンプレート] をクリックします。

階層リンクバーにより、オブジェクトに適用するテンプレートの編集とオブジェクト自体の編集を簡単に切り替えられます。たとえば、テンプレート編集モードを終了するには、階層リンクバーで [Button] をクリックします。

Dd185509.475cc7f7-f134-4a39-8ee7-4a5516a2b812(ja-jp,Expression.40).png

テンプレート編集モードに戻るには、ボタンオブジェクトを選択し (ボタンの階層リンクバーを表示するため)、次に階層リンクバーで [テンプレート] をクリックします。

Dd185509.5bb586ea-6adc-4672-b316-0fab8215ff8c(ja-jp,Expression.40).png

階層リンクバーに [テンプレートの編集] が表示されない場合は、テンプレートを使用しないコントロールを選択している可能性があります。たとえば、Grid などのレイアウトパネルはテンプレートをサポートしません。Control クラスを継承するコントロールのみがテンプレートを使用します。
ユーザーコントロール (UserControl クラスを継承するコントロール) のテンプレートは作成できませんが、ユーザーコントロールを最初からデザインすることでカスタマイズできます。

詳細については、「プロジェクトでの新しいユーザーコントロールの作成」を参照してください。

作成したテンプレートでプロパティを変更することにより、システムコントロールの外観をカスタマイズできます。詳細については、「さまざまな状態に応じたシステムコントロールの外観の変更」を参照してください。
ポインターがボタンの上に移動したときに、ボタンが展開するのにかかる時間を変更できます。詳細については、「状態の切り替え時間の変更」を参照してください。
このテンプレートをプロジェクト内の別のボタンに適用したり、テンプレートが既に割り当てられている新しいボタンを描画したりできます。詳細については、「スタイルリソースの適用」を参照してください。