Асинхронная подгрузка изображений

@ForeverFast · Регистрация: 13.12.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте. Пытаюсь реализовать асинхронную подгрузку изображений в ListBox с помощью конвертера примерно так:

Класс конвертера:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
using FierceStukCloud_Lib.Models;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Drawing.Imaging;
using System.Globalization;
using System.IO;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media.Imaging;
using System.Windows.Threading;
 
namespace FierceStukCloud_PC.Converters
{
    public class SongToImageConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {       
            return new AsyncTask(() =>
            {
                return GetImage((string)value);
            });
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
 
        public class AsyncTask : INotifyPropertyChanged
        {
            public AsyncTask(Func<BitmapImage> valueFunc)
            {
 
                AsyncValue = new BitmapImage(new Uri("pack://application:,,,/FierceStukCloud_PC;component/Resources/musiciconlight.png"));
                LoadValue(valueFunc);
            }
 
            private async Task LoadValue(Func<BitmapImage> valueFunc)
            {
                AsyncValue = await Task<BitmapImage>.Run(() =>
                {
                    return valueFunc();
                });
               
                if (PropertyChanged != null)
                    PropertyChanged(this, new PropertyChangedEventArgs("AsyncValue"));
 
            }
 
            public event PropertyChangedEventHandler PropertyChanged;
 
          
            public BitmapImage AsyncValue { get; set; }
             
        }
 
        public BitmapImage GetImage(string url)
        {
            TagLib.File file_TAG = TagLib.File.Create(url);
            try
            {
                if (file_TAG.Tag.Pictures.Length >= 1)
                {
                    var bin = (byte[])(file_TAG.Tag.Pictures[0].Data.Data); 
                    var kek = file_TAG.Tag.Pictures[0].Type;
                    var image = System.Drawing.Image.FromStream(new MemoryStream(bin)); 
                    var bitmapImage = new BitmapImage();
                    using (var ms = new MemoryStream()) 
                    {
                        image.Save(ms, ImageFormat.Jpeg);
                        ms.Seek(0, SeekOrigin.Begin);
                        bitmapImage.BeginInit();
                        bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
                        bitmapImage.StreamSource = ms;
                        bitmapImage.EndInit();
                    }
                    return bitmapImage;
                }
                else
                {
                    return GetDefaultPicture();
                }
            }
            catch (Exception)
            {
                try
                {
                    if (file_TAG.Tag.Pictures.Length >= 1)
                    {
                        var bin = (byte[])(file_TAG.Tag.Pictures[0].Data.Data);
                        var image = System.Drawing.Image.FromStream(new MemoryStream(bin)); 
                        var bitmapImage = new BitmapImage();
                        using (var ms = new MemoryStream()) 
                        {
                            image.Save(ms, ImageFormat.Png);
                            ms.Seek(0, SeekOrigin.Begin);
                            bitmapImage.BeginInit();
                            bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
                            bitmapImage.StreamSource = ms;
                            bitmapImage.EndInit();
                        }
 
                        return bitmapImage;
                    }
                    else
                    {
                        return GetDefaultPicture();
                    }
                }
                catch (Exception)
                {
                    return GetDefaultPicture();
                }
            }
        }
 
        private BitmapImage GetDefaultPicture() => new BitmapImage(new 
                                                         Uri("pack://application:,,,/FierceStukCloud_PC;component/Resources/musiciconlight.png"));
    }
}

Обращение к конвертеру:

XML
1
2
3
4
 <Image Grid.Row="0"    
 
             DataContext="{Binding Path=LocalURL, Converter={StaticResource Key1}}"
             Source="{Binding AsyncValue}"/>

Класс взял отсюда: https://coderoad.ru/24731335/А... ачений-WPF

Метод GetImage возвращает BitmapImage, который вытягивается из mp3 файла. Сам метод рабочий, проверял его в коде Model.

Но происходит то, что я плохо понимаю. В классе AsyncTask в методе LoadValue после этого кода:

C#
1
2
3
4
                AsyncValue = await Task<BitmapImage>.Run(() =>
                {
                    return valueFunc();
                });

Я получаю вот такое значение в AsyncValue:

Однако сам метод valueFunc(GetImage) на моменте return bitmapImage имеет:

По итогу не получаю изображение из трека, если оно есть. Помогите кто знает как подобное решить.
Возможно есть другие варианты асинхронной подгрузки.

@Элд Хасп · 10.11.2020, 11:21

Сообщение от limeniye

Но до него не доходит и просто скипается дальше на следующую ссылку

Очень похоже на кривую сборку.
Удалите все папки bin во всех проектах.
Соберите отдельно каждый проект от низу к верху.
То есть сначала проекты зависимости, а потом зависимые проекты.

@limeniye · 10.11.2020, 12:28

Элд Хасп, попробовал -- не помогло.
Также я заметил, что в юзерконтролах и окне не определяется InitializeComponent();

Имя "InitializeComponent" не существует в текущем контексте

Тем не менее программа компилируется.
Также я заметил, что по отладке первые 2 ссылки пропускает в выше упомянутом месте, а третью -- нет, но третья ссылка не рабочая~~("https://www.kinopoisk.ru/film/495017/posters/")~~, поэтому первые 3 не отображает.

Архив текущего состояния прилагается:
ShipCheaperApplication(limeniye) 10 novemer 2020.rar

@Элд Хасп · 10.11.2020, 12:31

Сообщение от limeniye

Также я заметил, что в юзерконтролах и окне не определяется InitializeComponent();

Тогда это точно связанно с кривой сборкой.

Нужно смотреть настройки проектов.
Но что конкретно - не знаю.

Может даже проще будет, заново создать решение и скопировать туда код.

@limeniye · 10.11.2020, 13:03

Элд Хасп, перезакинул, теперь определяются все InitializeComponent, но изображения из сети по прежнему не отображаются.
Ссылка на обновлённый архив: GitHub

@Unsafe · 10.11.2020, 16:24

Как-то все сложно все что здесь изложено, все лежит мне кажется на поверхности. Используйте IsAsync
https://docs.microsoft.com/en-... etcore-3.1

XML
1
<Image Source="{Binding file, Converter={StaticResource UriToImageConverter}, IsAsync=True}"/>

Конвертер

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
public object Convert(object value, Type targetType, object parameter, CultureInfo culture) {
            try {
                var path = value as string;
 
                if (value != null) {
                   var bi = new BitmapImage();
 
            using (var stream = new FileStream(path, FileMode.Open, FileAccess.Read))
            {
                bi.BeginInit();
                bi.DecodePixelHeight = 400;
                bi.CacheOption = BitmapCacheOption.OnLoad;
                bi.CreateOptions = BitmapCreateOptions.IgnoreColorProfile;
                bi.StreamSource = stream;
                bi.EndInit();
                bi.Freeze();
            }
            return bi;              
                
            }catch {
                return null;
            }
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) {
            throw new NotSupportedException();
        }

И тогда у вас все будет асинхронно!

Добавлено через 3 минуты

Сообщение от ForeverFast

асинхронную подгрузку изображений в ListBox

Если пытаетесь выполнить ленивую загрузку (виртуализацию данных, отложенную загрузку), то вот https://metanit.com/sharp/wpf/14.5.php.

@Элд Хасп · 10.11.2020, 16:44

Сообщение от Unsafe

Конвертер

Такая реализация возможна, если View знает как преобразовать значение в изображение.

Если же такие знания есть только на уровне Модели, то конвертер не получится использовать...

Так же нужна возможность вывода "заглушек" на время загрузки изображения.
Что тоже не по силам конвертеру.

В общем, для каждой задачи - свой инструмент.

Новые блоги и статьи Все статьи Все блоги /
Мысли в слух kumehtar 17.08.2026 Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .	Перемещение строк из ТЧ в другой документ с учетом текущего пробега Maks 17.08.2026 Реализация из решения ниже выполнена на примере нетипового документа "Автозапчасти", с ТЧ "Шины". За основу взят алгоритм отсюда: https:/ / www. cyberforum. ru/ blogs/ 359708/ 10838. html Задача: . . .	Саморегулирующийся социальный контракт для сервера cross-section. Hrethgir 14.08.2026 С кодом конечно таких глубоких размышлений пока не было, впрочем я уже привык к алгоритмизации. Суть предмета записи: снова в диалоге с нейросетью (я взял пока себе ник для учётки админа - Rector). . . .	Часы электронные Uhbif79 12.08.2026 Выкладываю программу часов. Программа позволяет: 1. Использовать системное время и дату, 2. Есть возможность вводить время и дату вручную. 3. Реализованы 2 будильника: начало и конец рабочего дня. . . .
Часы с будильником на основе класса QLCDNumber Uhbif79 12.08.2026 Всем добрый день, выкладываю программу часов с будильником на основе класса QLCDNumber. Здесь я пробовал самостоятельно создавал классы, впервые столкнулся с видимостью переменной одного класса из. . .	Установка MinGW GCC 16.2 и CMake 8Observer8 10.08.2026 VK Видео: https:/ / vkvideo. ru/ video-240781534_456239017 YouTube: eY5-5PyI9NM Текстовая версия	Неделя из жизни имитационной модели склада: мои кривые руки растут, откуда надо anaschu 10.08.2026 Неделя из жизни имитационной модели склада: как я почти написал неправильную логику и что с этим делать Работаю сейчас над учебно-рабочим проектом: строю в AnyLogic имитационную модель процессов. . .	Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь

@limeniye 1182 / 624 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	10.11.2020, 13:03
	Элд Хасп, перезакинул, теперь определяются все InitializeComponent, но изображения из сети по прежнему не отображаются. Ссылка на обновлённый архив: GitHub 0