Асинхронно загрузить изображение в Image

@Hard-Rock · Регистрация: 18.12.2011

Если загружать большое изображение по принципу Image.Source, то интерфейс будет тупить некоторое время. Есть ли у кого пример асинхронной загрузки изображения ?
Спасибо.

Комментарий модератора

ЗАпрещено задавать свои вопросы в чужих темах

@kolorotur · 21.01.2013, 23:50

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

Торможение обходят уменьшением изображения до оптимального размера.

Как быть, если нужно отобразить именно полноразмерное изображение, но избежать зависания системы на стадии его загрузки?

@LeniumSoft · 22.01.2013, 10:38

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

Как быть, если нужно отобразить именно полноразмерное изображение, но избежать зависания системы на стадии его загрузки?

http://msdn.microsoft.com/ru-r... s.95).aspx
http://bsix12.com/deepzoom-composer/

Пример: http://bsix12.com/monalisa/

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

Сообщение от Hard-Rock

Я уменьшаю картинки перед тем как отправлять их в Image.

У меня подвисает если размеры картинки 10000х7500. Я уменьшаю её до 1024х768 и зависания исчезают!

@kolorotur · 22.01.2013, 10:53

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

http://msdn.microsoft.com/ru-ru/libr...(v=vs.95).aspx
http://bsix12.com/deepzoom-composer/
Пример: http://bsix12.com/monalisa/

Спасибо за ссылки, но вопрос остается в силе: как устранить зависание приложение на время загрузки изображения в память компьютера?
Ведь перед тем, как производить манипуляции с изображением, его сначала надо бы подгрузить в память из внешнего источника (накопитель, сеть).

Если есть готовые решения, было бы здорово узнать.

@nio · 22.01.2013, 10:53

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

У меня подвисает если размеры картинки 10000х7500

да неужели? всего каких-то 75 мегапикселей, и уже зависает? картинка весит всего-лишь 300 МБ - должно отрисовывать мгновенно ....

Не по теме:

куда катится мир?!

@LeniumSoft · 22.01.2013, 11:10

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

как устранить зависание приложение на время загрузки изображения в память компьютера

Фишка в том что большая картинка загружается быстро! Ну по крайней мере у меня! Тоесть формирование BitmapImage проходит меньше чем за секунду. Авот после image1.Source = bitmapImage приложение виснет на четыре секунды!

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

да неужели? всего каких-то 75 мегапикселей, и уже зависает? картинка весит всего-лишь 300 МБ - должно отрисовывать мгновенно ....

Я не говорил что она у меня должна отрываться мгновенно! Я специально увеличил имеющееся изображение для вызывания торможения.

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

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

картинка весит всего-лишь 300 МБ

Ну и поправочка! Моя картинка весит 25 метров! Качество знаете ли не ахти!

А 25 метров скачивается с флэшки за секунду. Потому как флэшка качает 28MB/s.
Так что виснет именно отрисовка в Image.

@nio · 22.01.2013, 11:27

Не по теме:

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

Моя картинка весит 25 метров

10000х7500х4 = 300 000 000 Байт (цветное изображение с альфаканалом)
10000х7500х3 = 225 000 000 Байт (цветное изображение без альфаканала)
10000х7500х1 = 75 000 000 Байт (полутоновое (256-цветное) изображение)
10000х7500 / 8 = 9 375 000 Байт (бинарное изображение)
Не надо путать размер jpg-файла с размером картинки, при отображении все равно происходит распаковка (кстати операция, которая тоже требует времени)

@LeniumSoft · 22.01.2013, 11:43

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

10000х7500х4 = 300 000 000 Байт (цветное изображение с альфаканалом)
10000х7500х3 = 225 000 000 Байт (цветное изображение без альфаканала)
10000х7500х1 = 75 000 000 Байт (полутоновое (256-цветное) изображение)
10000х7500 / 8 = 9 375 000 Байт (бинарное изображение)
Не надо путать размер jpg-файла с размером картинки, при отображении все равно происходит распаковка

Вы к чему это всё ведёте? Создателю темы нужно выяснить каким образом отобразить большое изображение без зависания. Мы тут можем поднять кучу материала из википедии или пройтись по внутреннему строению файлов с картинками. Это делу не поможет! Я хотел показать что подвисает именно Image. Соответственно нужна альтернатива.

@nio · 22.01.2013, 12:05

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

Вы к чему это всё ведёте?

К тому, что отобразить картинку такого объема (размера) мгновенно не получится по следующим причинам:
1) Чтение файла такого объема занимает время
2) Декодирование картинки из jpg (или другого формата) требует времени
3) Масштабирование (если выводится не в масштабе 1:1) для отображения на экране требует времени

Учитывая выше перечисленное делаем вывод: при нынешнем уровне аппаратных средств выполнение задачи по мгновенному выводу картинки размером 300 МБ не возможно. Против математики и физики не попрешь.

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

Соответственно нужна альтернатива.

Если бы это было возможно, это уже сделали бы давно, но я не видел ни одного графического редактора, который бы смог это сделать (среди платных в том числе).

@LeniumSoft · 22.01.2013, 12:47

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

Если бы это было возможно, это уже сделали бы давно, но я не видел ни одного графического редактора, который бы смог это сделать (среди платных в том числе).

DeepZoom! Картинка разрезается на кучу более маленьких. Создаётся xml с метаданными. После чего этот xml скармливаем уже готовому контролу MultiscaleImage. Либо как я и сказал уменьшать размер изображения до нужного.

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

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
void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            LoadImage();
        }
 
        private void LoadImage()
        {
            BitmapImage bitmapImage = GetBitmap(@"путь к картинке");
 
            image1.Source = bitmapImage;            
        }
 
        private BitmapImage GetBitmap(string path)
        {
            Stream stream = new FileStream(path, FileMode.Open);
 
            BitmapImage bitmapImage = new BitmapImage();
            bitmapImage.BeginInit();
 
            bitmapImage.StreamSource = stream;
            bitmapImage.DecodePixelWidth = 1024;
 
            bitmapImage.EndInit();
 
            return bitmapImage;
        }

Это мой код! Даже без асинхронности работает без тормозов.
Ну а если уш нужна паралельность то:

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
void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            LoadImage();
        }
 
        private async void LoadImage()
        {
            BitmapImage bitmapImage = await GetBitmap(@"путь к файлу");
 
            image1.Source = bitmapImage;            
        }
 
        private Task<BitmapImage> GetBitmap(string path)
        {
            Stream stream = new FileStream(path, FileMode.Open);
 
            BitmapImage bitmapImage = new BitmapImage();
            bitmapImage.BeginInit();
 
            bitmapImage.StreamSource = stream;
            bitmapImage.DecodePixelWidth = 1024;
 
            bitmapImage.EndInit();
 
            return Task.FromResult<BitmapImage>(bitmapImage);
        }

@kolorotur · 22.01.2013, 15:14

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

C#
1
bitmapImage.DecodePixelWidth = 1024;

Хмм... А можно это как-то указать в разметке, чтобы работало с привязкой данных?

@LeniumSoft · 22.01.2013, 15:38

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

Хмм... А можно это как-то указать в разметке, чтобы работало с привязкой данных?

Щас проверю!

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

XML
1
2
3
4
5
        <Image x:Name="image1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <Image.Source>
                <BitmapImage UriSource="путь к файлу" DecodePixelWidth="1024" />
            </Image.Source>
        </Image>

Добавлено через 1 минуту
Только учти что после инициализации изменения свойств у BitmapImage игнорируются!

Добавлено через 13 минут
kolorotur, ты меня удивил! Я думал ты всё знаешь!

@kolorotur · 22.01.2013, 16:37

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

XML
1
2
3
4
5
        <Image x:Name="image1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <Image.Source>
                <BitmapImage UriSource="путь к файлу" DecodePixelWidth="1024" />
            </Image.Source>
        </Image>

Спасибо!
Да уж, до этого мог бы и сам догадаться...
Однако, при включенной виртуализации в режиме Recycling по кругу выдает одни и те же картинки

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

Я думал ты всё знаешь

Я даже не знаю как вас зовут (а людей планете Земля - что-то около 7 млрд), а вы прям-таки "всё".
Если серьезно, то я WPF изучаю "без году неделю", потому не знаю очень даже много. Сейчас вот новую тему буду создавать.

@Hard-Rock · 22.01.2013, 18:58 **[ТС]**

А для, Async / Await нужна 11-ая студия ?

@kolorotur · 22.01.2013, 19:01

12-я

Psilon · 22.01.2013, 19:25

kolorotur, 11 == 2012

@Hard-Rock · 22.01.2013, 19:56 **[ТС]**

спасибо

@JohnJ · 02.07.2015, 08:09

kolorotur, Я показываю в программе некоторые файлы с изображениями, находящиеся на сетевом диске. Воспользовался вашим советом. Всё отлично сработало! Некоторые подробности:
Сначала хотел через async/await сделать, но "BitmapImage is not awatiable".
В итоге нашёл ваш код, малость подправил его (у вас ошибка в

C#
1
2
3
4
 public static string SetSource(Image img)
   {
      return img.SetValue(SourceProperty, value);
   }

не хватает параметра "string value").
Ну и в методе OnSourceChanged я не создаю никакого потока, просто вызываю свой метод получения иконки предпросмотра ("предиконки") обычным способом, в основном потоке программы.
А в XAML привязываю так:

XML
1
<Image Source="{Binding DefaultIcon}" async:AsyncImageLoader.Source="{Binding FilePath, IsAsync=True}">

Что позволяет показывать иконку типа "Загрузка...", которая затем заменяется на предиконку изображения по мере подгрузки. Прямо как в Проводнике Windows и без лишних заморочек с потоками

Огромное спасибо за ваше сообщение. Очень помогло!

Новые блоги и статьи Все статьи Все блоги /
Свет внутри себя kumehtar 07.06.2026 Пусть это будет здесь lIs4oanZS9Y	Программа для com-порта Uhbif79 05.06.2026 Всем привет, давно хотел изучить Qt, начинал, бросал, потом снова начинал. И сейчас вот смог написать свою первую программу. До этого имел опыт программирования микроконтроллеров, писал прошивки на. . .	Транскрипция 55-минутного видео через Whisper: WhisperDesktop облажался, спас Google Colab[ anaschu 01.06.2026 Понадобилось получить текст из свежезагруженного видео на YouTube. Казалось бы, задача на пять минут. Заняла полтора часа. Делюсь опытом — может кому пригодится последовательность решений. . . .	21 мат мед. Планы на развитие модели здравоСохранения anaschu 01.06.2026 AnyLogic: план развития симуляционной модели рабочего коллектива — динамический абсентеизм, реальные данные, три сценария сравнения Продолжаю серию постов о дискретно-событийной модели рабочего. . .
20. Мат мед. Абсентеизм как отдельный тип простоя anaschu 29.05.2026 Апдейт модели: исправленные баги, абсентеизм и новые механизмы Продолжаю развивать ранее описанную модель рабочего коллектива на AnyLogic. За последние несколько дней был проведён серьёзный. . .	19. здоровье, усталость и психотип работника влияют на производительность предприятия, и наоборот, производительность на здоровье, усталось и психотип anaschu 28.05.2026 Дискретно-событийная модель рабочего коллектива на AnyLogic: здоровье, выгорание, психотипы и микростимуляция Привет, коллеги. Хочу поделиться итогами нескольких недель работы над симуляционной. . .	"Прокси" для последовательного порта Eddy_Em 28.05.2026 Эту штуку написал я достаточно давно. Но сейчас вот понадобилось настроить датчик грозы, но при этом не отключать его от "метеодемона". Соответственно, надо запустить этот "прокси": метеодемон будет. . .	Рефакторинг программы уравнивания. Massaraksh7 26.05.2026 Пример по предыдущей записи в блоге. Но, надо заметить, что, во-первых, там оптимизация не только математики, но и работы с базой данных, и с графами, а во-вторых, это ещё не всё.

@Hard-Rock 0 / 0 / 0 Регистрация: 18.12.2011 Сообщений: 21
	22.01.2013, 18:58 [ТС]
	А для, Async / Await нужна 11-ая студия ? 0

@kolorotur 17823 / 12973 / 3382 Регистрация: 17.09.2011 Сообщений: 21,261
	22.01.2013, 19:01
	12-я 0

Psilon Master of Orion 6102 / 4958 / 905 Регистрация: 10.07.2011 Сообщений: 14,522 Записей в блоге: 5
	22.01.2013, 19:25
	kolorotur, 11 == 2012 0

@Hard-Rock 0 / 0 / 0 Регистрация: 18.12.2011 Сообщений: 21
	22.01.2013, 19:56 [ТС]
	спасибо 0