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

@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 знает как преобразовать значение в изображение.

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

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

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

Новые блоги и статьи Все статьи Все блоги /
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .

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