システム コントロール用の再利用可能なテンプレートの作成

  • [アーティクル]

このページは Silverlight 2 プロジェクトにのみ適用されます

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

以下の手順ではボタンを使用しますが、Microsoft Expression Blend 2 に含まれるシステム コントロールまたは Control クラスを継承するインポート済みのカスタム Silverlight 2 コントロールのテンプレートを作成できます。

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

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

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

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

    Dd185509.alert_tip(ja-jp,Expression.10).gifヒント :

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

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

    Dd185509.4818ee6a-ce60-4b79-91c8-3b1871829eea(ja-jp,Expression.10).png

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

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

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

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

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

    Dd185509.alert_tip(ja-jp,Expression.10).gifヒント :

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

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

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

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

トラブルシューティング

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

  • ユーザー コントロール (UserControl クラスを継承するコントロール) のテンプレートは作成できませんが、ユーザー コントロールを最初からデザインすることでカスタマイズできます。詳細については、「Silverlight 2 プロジェクトでの新しいユーザー コントロールの作成」を参照してください。

次の手順