어떻게 프로그레시브 JPEG를 WPF로 표시 할 수 있습니까?

Question

웹 URL에서로드하는 과정에서 점진적 JPEG를 표시하는 방법은 무엇입니까? WPF의 이미지 컨트롤에 Google Maps 이미지를 표시하려고하지만 이미지가 점진적으로 JPG로 유지되도록하고 싶습니다.

WPF에서 프로그레시브 JPG를로드하는 방법은 무엇입니까?

Image imgMap; 
BitmapImage mapLoader = new BitmapImage(); 

mapLoader.BeginInit(); 
mapLoader.UriSource = new Uri(URL); 
mapLoader.EndInit(); 

imgMap.Source = mapLoader; 

현재이 작업을 수행하고 있습니다. 이미지가 완전히로드 된 후에 만 ​​이미지가 표시됩니다. 나는 그것을 점진적으로 보여주고 싶다.

Answer 1

매우 기본적인 샘플입니다. 확실히 거기에 최적화 할 수있는 여지가 있으며, 많은 요청을 처리 할 수있는 별도의 클래스를 수행 할 수 있지만 적어도 작동하는 것은 필요하며 사용자는이를 위해 모양을 지정할 수 있습니다. 또한이 샘플은 진행 상황을보고 할 때마다 이미지를 생성하므로주의해야합니다. 커다란 오버 헤드를 피하기 위해 약 5 % 정도의 이미지를 만듭니다.

XAML :

<Window x:Class="ScrollViewerTest.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525" 
    DataContext="{Binding RelativeSource={RelativeSource Self}}"> 
    <StackPanel> 
    <TextBlock Text="{Binding Path=Progress, StringFormat=Progress: {0}}" /> 
    <Image Source="{Binding Path=Image}" /> 
    </StackPanel> 
</Window> 

코드 숨김

public partial class MainWindow : Window, INotifyPropertyChanged 
{ 

    #region Public Properties 

    private int _progress; 
    public int Progress 
    { 
    get { return _progress; } 
    set 
    { 
     if (_progress != value) 
     { 
     _progress = value; 

     if (PropertyChanged != null) 
      PropertyChanged(this, new PropertyChangedEventArgs("Progress")); 
     } 
    } 
    } 

    private BitmapImage image; 
    public BitmapImage Image 
    { 
    get { return image; } 
    set 
    { 
     if (image != value) 
     { 
     image = value; 
     if (PropertyChanged != null) 
      PropertyChanged(this, new PropertyChangedEventArgs("Image")); 
     } 
    } 
    } 

    #endregion 

    BackgroundWorker worker = new BackgroundWorker(); 

    public MainWindow() 
    { 
    InitializeComponent(); 

    worker.DoWork += backgroundWorker1_DoWork; 
    worker.ProgressChanged += new ProgressChangedEventHandler(worker_ProgressChanged); 
    worker.WorkerReportsProgress = true; 
    worker.RunWorkerAsync(@"http://Tools.CentralShooters.co.nz/Images/ProgressiveSample1.jpg"); 
    } 

    // This function is based on code from 
    // http://devtoolshed.com/content/c-download-file-progress-bar 
    private void backgroundWorker1_DoWork(object sender, DoWorkEventArgs e) 
    { 
    // the URL to download the file from 
    string sUrlToReadFileFrom = e.Argument as string; 

    // first, we need to get the exact size (in bytes) of the file we are downloading 
    Uri url = new Uri(sUrlToReadFileFrom); 
    System.Net.HttpWebRequest request = (System.Net.HttpWebRequest)System.Net.WebRequest.Create(url); 
    System.Net.HttpWebResponse response = (System.Net.HttpWebResponse)request.GetResponse(); 
    response.Close(); 
    // gets the size of the file in bytes 
    Int64 iSize = response.ContentLength; 

    // keeps track of the total bytes downloaded so we can update the progress bar 
    Int64 iRunningByteTotal = 0; 

    // use the webclient object to download the file 
    using (System.Net.WebClient client = new System.Net.WebClient()) 
    { 
     // open the file at the remote URL for reading 
     using (System.IO.Stream streamRemote = client.OpenRead(new Uri(sUrlToReadFileFrom))) 
     { 
     using (Stream streamLocal = new MemoryStream((int)iSize)) 
     { 
      // loop the stream and get the file into the byte buffer 
      int iByteSize = 0; 
      byte[] byteBuffer = new byte[iSize]; 
      while ((iByteSize = streamRemote.Read(byteBuffer, 0, byteBuffer.Length)) > 0) 
      { 
      // write the bytes to the file system at the file path specified 
      streamLocal.Write(byteBuffer, 0, iByteSize); 
      iRunningByteTotal += iByteSize; 

      // calculate the progress out of a base "100" 
      double dIndex = (double)(iRunningByteTotal); 
      double dTotal = (double)byteBuffer.Length; 
      double dProgressPercentage = (dIndex/dTotal); 
      int iProgressPercentage = (int)(dProgressPercentage * 100); 

      // update the progress bar, and we pass our MemoryStream, 
      // so we can use it in the progress changed event handler 
      worker.ReportProgress(iProgressPercentage, streamLocal); 
      } 

      // clean up the file stream 
      streamLocal.Close(); 
     } 

     // close the connection to the remote server 
     streamRemote.Close(); 
     } 
    } 
    } 

    void worker_ProgressChanged(object sender, ProgressChangedEventArgs e) 
    { 
    Dispatcher.BeginInvoke(
     System.Windows.Threading.DispatcherPriority.Normal, 
     new Action(delegate() 
     { 
      MemoryStream stream = e.UserState as MemoryStream; 

      BitmapImage bi = new BitmapImage(); 
      bi.BeginInit(); 
      bi.StreamSource = new MemoryStream(stream.ToArray()); 
      bi.EndInit(); 

      this.Progress = e.ProgressPercentage; 
      this.Image = bi; 
     } 
     )); 
    } 

    public event PropertyChangedEventHandler PropertyChanged; 
} 

Answer 2

이 이미지 컨트롤의 단점으로 보인다. 어쩌면 당신은 Image로부터 상속받은 StreamImage를 생성하고, 생성자에서 스트림을 취하고, 스트림에서 백그라운드의 바이트를 읽고, 충분한 시간을 계산하고, 지금까지 읽은 바이트로 내부 "퍼지 이미지"를 생성하고 반복적으로 모든 바이트를 가질 때까지. 프로그레시브 JPEG의 바이트를 보내는 방법을 이해해야합니다. 간단하다고 생각하지 않습니다.