Windows PhoneでImage

Windows Phoneに画像を表示させるアプリを作ります。

1. Imageの配置
まず、ツールボックスにある『Image』をデザインビューにクリック＆ドロップします。

XAMLコードは次になります。

<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
    <Image Height="284" HorizontalAlignment="Left" Margin="40,128,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="378" />
</Grid>

2. 画像をプロジェクトに追加
アプリで表示する画像を、作成したプロジェクトに追加します。

追加するディレクトリは、今回はプロジェクト直下にしました。

2. 画像をImageに設定
プロジェクトに追加した画像を、ImageViewに指定します。

まず、作成したImageViewをクリックします。
クリックしたImageViewのPropertiesを開き、Common→Sourceの項目をクリックします。
あとは、プロジェクトに追加した画像を選択するだけです。

うまくいくと、デザインビューに画像が表示されます！

3. エミュレータで実行
最後に画像が表示されていることを、エミュレータで確認します。

みごとに画像が表示されました！

次回はExpression Blend 4についてやってみたいと思います