DataGridに画像の列を追加する


1.)XAMLの表記
データテンプレートに以下の用に定義する

<DataTemplate x:Key="DateTemplate" >
   <Border Background="LightBlue" BorderBrush="Black" BorderThickness="1">
     <Image Source="{Binding Path=Image}" Width="160" Height="120" Stretch="Uniform"/>
   </Border>
</DataTemplate>

DataGeridのカラム定義に以下のように定義する

<DataGrid Name="dataGrid1" DockPanel.Dock="Bottom" AutoGenerateColumns="False" >
<DataGrid.Columns>
<DataGridTemplateColumn Header="画像" CellTemplate="{StaticResource DateTemplate}"/>
</DataGrid.Columns>
</DataGrid>

2.)C# でのコード
Imageをメンバに持つクラスを定義しItem追加すれば画像が表示される。

0 件のコメント :

コメントを投稿