Pocket

XAML Advent Calendar 2014 15日目担当のいっちゅうです。
またしても小物Tipsですが許してください。

ボタンをコントロールテンプレートで定義して画像をテンプレート外から指定する方法です。
↓こんな感じ。
XAML_Button

まず
<Page.Resources>
に以下のソースをコピペしておきます。

PageのXAMLにはこんな感じで書けばテンプレートを適用してくれます。

ポイントは「Content=”/Assets/xxxx.png”」です。

テンプレート内で「Source=”{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}」
と書くと、テンプレート外でContentに記述した画像ソースをバインディングできます。

テンプレートにある「visualstatemanager」はマウスオーバーやクリック時に背景色を変えています。
動きは普通のボタンコントロールとほぼ同じです。

後は画像を変えてどんどんボタンを作ることが出来ます。

では、明日はストアアプリで2chブラウザSankaを作っているideaki19さんです。