Как создать массив типа ImageSource?

Question

Я пытаюсь сделать массив изображений для установки на мой контроль изображения. Существует цикл, который будет проходить через изображения и отображать каждую секунду, пока не остановится на случайном изображении.

Мой подход: Я сохранил пути изображений в строке, которую затем помещаю в массив. Внутри моего цикла я создаю новый ImageSource и определяю его по элементу массива, который поворачивается, чтобы он отображался. Я считаю, что причина, по которой моя программа не будет работать, заключается в том, что ImageSource не может вытащить изображение из файла и достаточно быстро установить его на контроллер изображения, прежде чем спеть поток, чтобы изображение отображалось на секунду.

Вот мой код (предположим, что строки являются правильные пути, и я попытался несметное Thread.Sleep() переменные)

Этот код работает, но он отображает только последний снимок вместо того, чтобы листать все они быстро, то останавливаясь на последнее изображение.

Будет ли создавать массив типа ImageSource, чтобы изображения «под рукой» отображались быстрее? Может ли WPF поддерживать скорость, необходимую для получения и установки изображений в контроллер изображения? Может ли моя спящая нить выполняться слишком быстро, прежде чем изображение будет установлено и отображено?

private void ButtonClick(object sender, RoutedEventArgs e) 
{ 
    String[] picArray = new String[] { kristen, justin, brandon, sarah, miles, nina };  
    int i = 0;  
    x = rnd.Next(0,5); 

     while (i < rnd.Next(10,50)) 
     { 
      ImageSource _currentPic = new BitmapImage(new Uri(picArray[x]));        
      cImage.Source = _currentPic; 
      if (x == 5) 
       x = 0; 
      else 
       x++; 

      Thread.Sleep(100); 
      i++; 
     } 

    } 

Петля останавливается на «случайной» точке массива, чтобы рандомизировать, чей образ заканчивается.

Спасибо заранее.

Answer 1

Если это форма нормальные окна, вы могли бы использовать

this.Refresh() 

непосредственно перед Sleep() для обновления экрана (отображение текущего изображения).

Однако, поскольку это WPF, вы должны вывести этот цикл в отдельный поток (например, BackgroundWorker). Другим вариантом было бы установить Timer и просто вызывать содержимое цикла каждый раз, когда выполняется таймер.

Независимо от того, вы должны получить эту логику в новый поток для WPF.

Answer 2

Ваш код не создает новые темы. Это не ошибка WPF, что ваш пользовательский интерфейс замерзнет.

Выполнение Thread.Sleep() в теме пользовательского интерфейса просто заставило ваше приложение замораживаться, независимо от того, является ли WPF или нет.

Кроме того, в WPF не требуется никаких изменений. В WPF есть DataBinding, что устраняет необходимость всех этих ужасных хаков манипулировать пользовательским интерфейсом в процедурном коде, к которому вы могли бы привыкнуть, если вы привыкли к случайным бесполезным фреймворкам динозавра, таким как winforms.

Вот правильный способ делать то, что вы описываете в WPF:

<Window x:Class="MiscSamples.SlideShowSample" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="SlideShowSample" Height="300" Width="300"> 
    <Image Source="{Binding ImageSource}"/> 
</Window> 

Код За:

public partial class SlideShowSample : Window 
{ 
    public SlideShowSample() 
    { 
     InitializeComponent(); 
     DataContext = new SlideShowViewModel(); 
    } 
} 

ViewModel:

public class SlideShowViewModel:PropertyChangedBase 
{ 
    public const string SourceURL = "http://lorempixel.com/400/200/sports/"; 

    private string _imageSource; 
    public string ImageSource 
    { 
     get { return _imageSource; } 
     set 
     { 
      _imageSource = value; 
      OnPropertyChanged("ImageSource"); 
     } 
    } 

    private System.Threading.Timer _slideShowTimer; 
    private System.Random _random = new Random(); 

    public SlideShowViewModel() 
    { 
     _slideShowTimer = new Timer(x => OnTimerTick(), null, 1000, 3000); 
    } 

    private void OnTimerTick() 
    { 
     ImageSource = SourceURL + _random.Next(1, 10).ToString(); 
    } 
} 

PropertyChangedBase (MVVM Вспомогательный класс) :

public class PropertyChangedBase:INotifyPropertyChanged 
    { 
     public event PropertyChangedEventHandler PropertyChanged; 

     protected virtual void OnPropertyChanged(string propertyName) 
     { 
      Application.Current.Dispatcher.BeginInvoke((Action) (() => 
                    { 
                     PropertyChangedEventHandler handler = PropertyChanged; 
                     if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName)); 
                    })); 
     } 
    } 

• Посмотрите, как мой код не управляет каким-либо элементом пользовательского интерфейса.
• Мой образец загружает изображения из Интернета, поэтому он должен быть намного быстрее, если вы используете локально сохраненные изображения.
• Обратите внимание, что пользовательский интерфейс не замерзает в любое время. Есть еще небольшая задержка, потому что фактические данные изображения загружаются из Интернета. Эта загрузка выполняется в потоке пользовательского интерфейса, поэтому вы можете улучшить свой образец для загрузки async, но поскольку вы используете локально сохраненные изображения, это не имеет значения.