試してみよう : SimpleCheckBox のチェック マーク外観のカスタマイズ
.png "このページは WPF プロジェクトにのみ適用されます。")
SimpleCheckBox コントロール テンプレートを使用すると、Microsoft Expression Blend でチェック マークの外観を簡単にカスタマイズできます。
SimpleCheckBox のチェック マークをカスタマイズするには
Expression Blend で、アートボード上に SimpleCheckBox を描画します。
.gif "ヒント")
ヒント :シンプル スタイル コントロールは、[アセット ライブラリ]
.png "Cc294564.0224cabd-5da1-4e01-bddd-4a647401a098(ja-jp,Expression.10).png")
の [コントロール] タブの [Simple Styles] カテゴリから使用できます。一覧から簡易スタイル コントロールを選択したら、アートボード上で描画できます。[オブジェクトとタイムライン] でチェック ボックスを右クリックし、[コントロール パーツ (テンプレート) の編集] をポイントして [テンプレートの編集] をクリックします。SimpleStyles.xaml リソース ディクショナリを変更しない場合は、[テンプレートの編集] ではなく、[コピーの編集] をクリックし、新しいテンプレートを作成してドキュメントに保存します。コピーの作成の詳細については、「リソースの作成」を参照してください。
ヒント :テンプレートの編集モードを終了し、ドキュメントのスコープに戻るには、[上へスコープ] ボタン
.png "Cc294564.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(ja-jp,Expression.10).png")
をクリックします。このボタンは、[組み合わせ] パネルの要素ツリーの上にあります。既存テンプレートのテンプレート編集モードに戻るには、[オブジェクトとタイムライン] でテンプレートを編集する要素を右クリックし、[コントロール パーツ (テンプレート) の編集] をクリックして、[テンプレートの編集] をクリックします。
コントロール テンプレートの編集スコープで、[オブジェクトとタイムライン] の下のノードをすべて展開します。CheckMark パス要素を削除します。
[グリッド] 要素をダブルクリックしてアクティブにし、子要素を追加できるようにします。
ツールボックスのペン ツール
.png "Cc294564.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(ja-jp,Expression.10).png")
を使用して、[グリッド] 要素にパスを描画します。パスを変更するには、[個別選択] ツール .png "Cc294564.6dd6571f-c116-451d-8dd2-1f88b8406362(ja-jp,Expression.10).png")
を使用してパス上の点を調整します。ヒント :アートボードでズーム インするには、アートボード下部の [ズーム] テキスト ボックス
.png "Cc294564.12524287-c48b-4cfc-b614-01951207239d(ja-jp,Expression.10).png")
を使用するか、Ctrl キーを押したまま、マウスのスクロール ボタンを使用します。ヒント :ペン ツールを使用してパス要素を描画する代わりに、Microsoft Expression Design 2 からインポートしたアート リソース、またはプロジェクトに追加されているイメージ ファイルを使用できます。
CheckMark パス要素を削除すると、この要素を表示または非表示にするトリガも削除されます。トリガを再作成するには、[組み合わせ] パネルの [トリガ] で IsChecked = False をクリックします。[オブジェクトとタイムライン] で新しいチェック マーク要素を選択し、[プロパティ] パネルの [外観] で、[Visibility] プロパティを [Collapsed] に設定します。
アプリケーションを実行して (F5)、効果を確認してください。