次の方法で共有

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

  • [アーティクル]

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

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

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

  1. アートボード上にシステム コントロールを描画します。 たとえば、[ツール] パネルで [Button] JJ170159.05df1779-a68f-436b-b834-a91b7995a3ec(ja-jp,VS.120).png を選択し、マウスを使用してアートボードにボタンを描きます。

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

    JJ170159.40c4d9ae-bf61-4492-b0c8-b090a7b9acfb(ja-jp,VS.120).png

    ヒント

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

  3. [スタイル リソースの作成] ダイアログ ボックスに、テンプレートの名前を入力します。たとえば、「ButtonStyle1」と入力します。

    JJ170159.4818ee6a-ce60-4b79-91c8-3b1871829eea(ja-jp,VS.120).png

  4. [定義先] で、テンプレートを定義する場所を選択します。

    • アプリケーション内の任意のドキュメントのボタン オブジェクトにテンプレートを使用できるようにする場合は、[アプリケーション] を選択します。

    • 現在のドキュメントのボタン オブジェクトにのみテンプレートを使用できるようにする場合は、[このドキュメント] を選択します。

    • このドキュメントのこのボタンにのみテンプレートを使用できるようにする場合は、[このドキュメント] の横にあるドロップダウン ボックスで [Button] をクリックします。

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

    ヒント

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

    JJ170159.475cc7f7-f134-4a39-8ee7-4a5516a2b812(ja-jp,VS.120).png

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

    JJ170159.5bb586ea-6adc-4672-b316-0fab8215ff8c(ja-jp,VS.120).png

トラブルシューティング

  • 階層リンク バーに [テンプレートの編集] が表示されない場合は、テンプレートを使用しないコントロールを選択している可能性があります。 たとえば、Grid JJ170159.c76bbf09-1922-4f45-8d92-9c8ae64ca4a4(ja-jp,VS.120).png などのレイアウト パネルはテンプレートをサポートしません。 Control クラスを継承するコントロールのみがテンプレートを使用します。

  • ユーザー コントロール (UserControl クラスを継承するコントロール) のテンプレートは作成できませんが、ユーザー コントロールを最初からデザインすることでカスタマイズできます。

    詳細については、「Blend で Silverlight コントロール テンプレートのパーツをスタイル指定する」を参照してください。

次の手順