XAMLで画像を表示 image
XAMLで画像を表示させる方法を紹介します。
あらかじめ同じディレクトリ内に画像を用意しておき、Source="画像のファイル名"で画像のファイル名を指定することで画像を表示させることができます。後は下のプロパティを参考にして、お好みで高さや幅、透明度など指定してお使いください。
XAMLのサンプルソース
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="500" Height="300"
>
<Image Source="F1000015.jpg" Width="200" Canvas.Top="20" Canvas.Left="20"/>
<Image Source="F1000040.jpg" Width="200" Canvas.Top="80" Canvas.Left="180" Opacity="0.7"/>
</Canvas>
プロパティ
| Height | 高さ 例）Height="100" |
| Width | 横幅 例）Width="100" |
| Canvas.Top | 上端からxずらす 例）Canvas.Top="100" |
| Canvas.Left | 左端からxずらす 例）Canvas.Left="100" |
| Fill | 塗りつぶし 例）Fill="#000000" |
| Stroke | 線の色 例）Stroke="#000000" |
| StrokeThickness | 線の幅 例）StrokeThickness="5" |
| Opacity | 透明度 |
| Canvas.ZIndex | 重なりの順序 |
| X1 | X座標の始点 |
| X2 | Y座標の始点 |
| X2 | X座標の終点 |
| Y2 | Y座標の終点 |
| Points | 折れ線で使用 |