試してみよう: SimpleCheckBox のチェック マーク外観のカスタマイズ

このページは WPF プロジェクトにのみに適用

SimpleCheckBox コントロール テンプレートを使用すると、Microsoft Expression Blend でチェック マークの外観を簡単にカスタマイズできます。

SimpleCheckBox のチェック マークをカスタマイズするには

  1. Expression Blend で、アートボード上に SimpleCheckBox を描画します。

    tip noteヒント :

    Simple スタイルのコントロールは、[アセット] パネルの [スタイル] カテゴリにある [Simple Styles] に表示されます。一覧からコントロールを選択したら、アートボードに描画できます。

  2. [オブジェクトとタイムライン] パネルでチェック ボックスを右クリックし、[テンプレートの編集] をポイントし、[現在のテンプレートの編集] をクリックします。SimpleStyles.xaml リソース ディクショナリを変更しない場合は、[テンプレートの編集] ではなく、[コピーの編集] をクリックし、新しいテンプレートを作成してドキュメントに保存します。コピーの作成の詳細については、「リソースの作成」を参照してください。

    tip noteヒント :

    テンプレートの編集モードを終了して、ドキュメントのスコープに戻るには、[オブジェクトとタイムライン] パネルのオブジェクト ツリーの上にある [スコープを <オブジェクト名> に戻す] Cc294564.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(ja-jp,Expression.40).png をクリックします。

    既存のテンプレートを編集するためにテンプレート編集モードに戻るには、[オブジェクトとタイムライン] パネルでテンプレートを編集するオブジェクトを右クリックし、[テンプレートの編集] をポイントして [現在のテンプレートの編集] をクリックします。

  3. コントロール テンプレートの編集スコープで、[オブジェクトとタイムライン]パネルのすべてのノードを展開します。CheckMark パス オブジェクトを削除します。

  4. [Grid] オブジェクトをダブルクリックしてアクティブにし、子オブジェクトを追加できるようにします。

  5. [ツール] パネルの [ペン] ツール Cc294564.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(ja-jp,Expression.40).png を使用して、Grid オブジェクトにパスを描画します。パスを変更するには、[個別選択] ツール Cc294564.6dd6571f-c116-451d-8dd2-1f88b8406362(ja-jp,Expression.40).png を使用してパス上の点を調整します。

    tip noteヒント :

    アートボードにズーム インするには、アートボードの下端にある [ズーム] テキスト ボックス Cc294564.12524287-c48b-4cfc-b614-01951207239d(ja-jp,Expression.40).png を使用するか、Ctrl キーを押しながらマウスのスクロール ボタンを回します。
    tip noteヒント :

    [ペン] ツールを使用してパス要素を描画する代わりに、Microsoft Expression Design からインポートしたアート リソース、またはプロジェクトに追加されたイメージ ファイルを使用できます。

  6. CheckMark パス オブジェクトを削除すると、このオブジェクトを表示または非表示にするトリガーも削除されます。トリガーを再作成するには、[トリガー] パネルで IsChecked = False をクリックします。[オブジェクトとタイムライン] パネルで新しいチェック マーク要素を選択し、[プロパティ] パネルの [外観] で、Visibility プロパティを Collapsed に設定します。

  7. F5 キーを押してアプリケーションをテストし、変更結果を確認します。

関連項目

概念

SimpleCheckBox

Copyright ©2011 by Microsoft Corporation. All rights reserved.

  • Last updated on