2017年12月22日のブックマーク (1件)

  • WPFでクリック時に波紋を出すエフェクト(Ripple Effect)を実装する - PG日誌

    Androidのマテリアルデザインに、ボタンを押すと波紋が広がったようなアニメーションをする、Ripple Effectというものがあります。 WPFでも同じようなことができないかカスタムコントロールを作成してみました。 動いているところ 実際に表示を行うと以下のようになります。右クリックでボタン押すとアニメーションが開始されます。*1 youtu.be 要素の説明 今回、このアニメーションをつけるにあたりボタンを継承したRippleButtonというカスタムコントロールを作成しました。 XAML スタイルの指定。自作のコントロールのボタンの見た目をControlTemplateで丸ごと変更しています。中身にEllipseを置いてクリックした位置で大きくなっていくようにしています。 <ResourceDictionary xmlns="http://schemas.microsoft.co