1.Buttonコントロールの背景画像の取り込み

新規で Windows ストアアプリのプロジェクトを作成したら、ソリューションエクスプローラーを開きます。

Assetsフォルダを右クリックして[追加]-[既存の項目]をクリックします。

ここで、Buttonの背景に使用したい画像を選択して[追加]ボタンをクリックします。

2.Buttonコントロールに背景画像を設定する

次に　MainPage.xaml に配置した Buttonコントロールを選択します。

プロパティウィンドウで「ブラシ」を展開し、ImageSourceプロパティで先ほど追加したファイルを選択します。

以上で、Buttonコントロールに背景色が設定されます。

先ほどまでの設定で背景画像が表示されましたが、場合によっては Stretchプロパティを使用して画像のストレッチ設定をしたい場合があります。

以下のプロパティ値を使用できるので、必要に応じて設定しましょう。

Fill	対象の領域を埋めるようにコンテンツのサイズを変更します。縦横比は維持されません。
None	コンテンツの現在のサイズが維持されます。
Uniform	コンテンツの本来の縦横比を維持しながら、対象の領域に収まるようにコンテンツのサイズを変更します。
UniformToFill	コンテンツの本来の縦横比を維持しながら、対象の領域が埋まるようにコンテンツのサイズを変更します。対象の四角形の縦横比がコンテンツと異なる場合は、対象の領域に合わせて元のコンテンツをクリッピングします。