【WPF】Templateを標準の実装からちょっとだけ変更したい

C#

こんにちは、働くC#プログラマーのさんさめです。

WPFで開発していて、
こんなことを思ったことはありますか?

標準のButton、
クリック時の色分かりにくいなぁ…

基本的に見た目に文句はないが、
ごく一部分だけ変えたいという話です。

そんな時、
公式の実装を見ながら
夜なべしてコピペする。

これ、結構大変な作業です。

VisualStudioを使えば、
もっと簡単に、
テンプレートの一部分だけ変更することができます。

スポンサーリンク

XAML デザイナーから標準のテンプレートがコピー可能

テンプレートの一部分だけ変更するには、
XAMLデザイナーの機能を使います。

XAMLデザイナーとは、
VisualStudioでxamlを開くと出てくる、
GUIが見えている領域のことです。

ここで、テンプレートを編集したい要素を右クリックし、
「テンプレートの編集」→「コピーして編集」
を選択します。

下の画像では、ボタンを右クリックしています。

すると、このようなダイアログがでてきます。

今回はこのWindowのボタンの見た目だけを編集したいので、
このまま「OK」を押します。

すると、xamlに
ボタンの標準のスタイルとテンプレートの実装がコピーされます。

こうしてみると、
ボタンの実装だけでもなかなか圧倒されますね。

実際にボタンをクリックした時の
背景色を変更してみましょう。

そして実行してみると…

他の見た目はそのままに、
クリックした時だけ背景色が赤くなるボタンが
簡単に完成しました。

これなら、色々試したい場合も、
エディットコンティニューが効くため
簡単に試行錯誤ができますね。

XAMLデザイナーは、
普段は使っていないという人も
おられるかもしれませんが、
こんな使い方もあるんです、という紹介でした。

まとめ

まとめです。

  • 標準のテンプレートから見た目を少しだけ変更したい
  • XAMLデザイナーの機能を使うと
    標準のテンプレートをコピーできる
  • コピーしてしまえばあとは試行錯誤するのみ

最後までお読みいただき、ありがとうございました。

コメント

タイトルとURLをコピーしました