Показывать изображения в WPF ListBox - PullRequest
Новая
       7

Показывать изображения в WPF ListBox

2 голосов
/ 20 апреля 2009

Я пытаюсь отобразить изображения, хранящиеся в MSSql Db, как varbinary, при выполнении моего кода он просто зависает

Код выглядит следующим образом ...

XAML 

<Window x:Class="ImageList.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:ImageList"
    Title="Window1" Height="331" Width="575">
    <Window.Resources>
        <local:BinaryImageConverter x:Key="imgConverter" />
    </Window.Resources>
    <StackPanel>
        <ListBox Name="lstImages" ItemsSource="{Binding}" >
            <ListBox.Resources>
                <DataTemplate x:Key="data">
                    <Image Source="{Binding Path=ImageData, Converter={StaticResource imgConverter}}"/>
                </DataTemplate>
            </ListBox.Resources>
        </ListBox>        
        <Button  Height="25" Name="button1" Click="button1_Click">Button</Button>
        <Button  Height="25" Name="button2" Click="button2_Click">Load Images</Button>
    </StackPanel>
</Window>

C # 

{
       private void button2_Click(object sender, RoutedEventArgs e)
        {
            ImageDataContext db = new ImageDataContext();
            var data = db.ImageDetails.Select(p => p.ImageData).ToList();
            lstImages.ItemsSource = data;
        }

    }

    public class BinaryImageConverter : IValueConverter
    {
        object IValueConverter.Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value != null && value is byte[])
            {
                byte[] ByteArray = value as byte[];
                BitmapImage bmp = new BitmapImage();
                bmp.BeginInit();
                bmp.StreamSource = new MemoryStream(ByteArray);
                bmp.EndInit();
                return bmp;
            }
            return null;
        }

        object IValueConverter.ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new Exception("The method or operation is not implemented.");
        }
    }

1 Ответ

2 голосов
/ 20 апреля 2009

Я сделаю удар.

Каждый элемент в вашем ListBox привязан к свойству под названием «ImageData»: 

<Image Source="{Binding Path=ImageData, Converter={StaticResource imgConverter}}"/>

... но когда вы настраиваете список, к которому привязываете свой ListBox, вы просто выбираете свойства ImageData в список: 

var data = db.ImageDetails.Select(p => p.ImageData).ToList();
lstImages.ItemsSource = data;

Итак, в итоге вы получите List<byte[]> или что-то, а не список объектов со свойством ImageData.

Если мое предположение верно, у вас есть два варианта:

1. Изменить привязку для привязки непосредственно к изображению: 

<Image Source="{Binding Converter={StaticResource imgConverter}}"/>

2. Измените запрос linq для создания объектов со свойством ImageData: 

var data = db.ImageDetails.Select(p => new { ImageData = p.ImageData.ToArray() }).ToList();
lstImages.ItemsSource = data;

Редактировать В запрос linq добавлен вызов ToArray (), чтобы отразить выводы Прашанта.

...