Blog

[WPF]スライダーバーのstyleを変更する

こんにちは。
ソリューションセクションのHです。

弊社、開発に際して結構いろいろな言語を使用しています。
私が使用した言語だけでもphp(laravel,cakePHP等)やC#、go言語と様々です。

現在C#でアプリケーションを開発中なのですが、UIフレームワークにWPFを使用しています。
WPFは何度か案件で使用しているのですが、windowsアプリケーションより自由度が高く細かいデザインができるのが特徴です。
ただ、自由度が高すぎて微妙にやりたいことができないとかあったりしますが、そこはgoogle先生にご教授いただきます。(いつもありがとうございます。)

今回はWPFでスライダーバーのスタイルを変更したい場面が出たときに詰まってしまったのでこんな風にしましたっていうのを参考程度にご紹介できればと思います。

まず標準のスライダーバーはこちら

Before

質素ですね
以下のパーツを使用してStyleを変更しましょう

スライダーバーのパーツ

最終的にこうなります

After

今回はスタイルをResourceDictionaryに分けました(画面のコードが長くなってしまうので・・・)
コードはこちら↓

このstyleを画面側のXAMLで読み込んでスライダーバーを変更します!

これでStyleが変更できました!
WEBならCSSでもっと簡素化して書けそうですがXAMLでいろいろやろうとすると長くなってしまいますね・・・

今回はここまでです★