windows phone7 下 Silverlight 异步读取网络图片

最新推荐文章于 2025-08-18 19:35:30 发布
最新推荐文章于 2025-08-18 19:35:30 发布
阅读量73 收藏
点赞数
文章标签： ui
本文介绍了一种基于异步队列的图片加载方案，通过限制并发数和提供取消机制，实现了高效且可中断的图片加载过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目有这样的需求,

要求窗口加载一揽子图片,为了不让UI阻塞太久,采用异步读取后绑定显示的方案.

图片的下载应该采用并发的过程(等待网络响应会很耗时,一张一张的下载,等待时间太长)

图片的下载不能占用过多的线程数,应有个阀值(图片不是核心业务,不能占用那么多资源)

在图片加载的过程中,如果用户有操作,比如窗口跳转,则未加载完成的图片加载的过程应取消(为了替用户节省流量).

需求就是这么多了,如何实现呢?

思路是这样的,由于需要异步,且需要等待,首先想到使用队列,先让队列排列起来,再定量迭代读取.

因为要涉及异步的取消,想到了用WebClient对象的异步功能, 当然,所以发起异步请求之后的对象我都需要记录,

所以还需要一个list容器.

外部接口是两个参数,url,图片的网址,一个回调,定义了图片下载完成后的操作.

内部的核心流程,

1.将一个图片任务从队列中取出,

2.异步发生此请求,

3.将发起请求的对象放进容器,以备撤销时使用.

撤销的核心流程是.

1.让处理线程停止

2.取消队列中的任务,

3.让等待响应的任务取消.

需要用到以下命名空间:


using System;
using System.Collections.Generic;
using System.Net;
using System.Windows;
using Microsoft.Phone.Controls;
using System.Windows.Media.Imaging;
using System.IO;

using System.ComponentModel;
using System.Threading;










先声明两个回调









    public delegate void GetDataStreamCallback(Stream stream);
    public delegate void GetPicCallback(BitmapSource bimage);










第一个是从网络读取流的回调,第二个是生成了图片源之后的回调.



定义了一个接口:









    /// <summary>
    /// 可以撤销的操作
    /// </summary>
    interface IRevocable
    {
        void RevokeAsync();
        event Action ProcessCompleted;
    }










一个方法,是用来撤销操作的,



一个事件,是当异步完成时触发的.(不管是正常完成还是撤销,都视为操作完成)



做一个类继承该接口,用来获取网络数据









    public class HttpResourceGet : IRevocable
    {
        public event GetDataStreamCallback OnDataStreamGenerated;
        public event Action ProcessCompleted;
        WebClient m_client;
        public HttpResourceGet()
        {
            m_client = new WebClient();
            m_client.OpenReadCompleted += ((send, ev) =>
                {
                    do
                    {
                        if (ev.Error != null || ev.Cancelled)
                        {
                            break;
                        }
                        if (OnDataStreamGenerated != null)
                        {
                            OnDataStreamGenerated(ev.Result);
                            ev.Result.Close();
                        }
                    } while (false);

                    if (ProcessCompleted != null)
                    {
                        ProcessCompleted();
                    }
                });
        }

        public void BeginGetData(string url)
        {
            m_client.OpenReadAsync(new Uri(url));
        }

        public void RevokeAsync()
        {
            m_client.CancelAsync();
        }
        
    }










再做一个类,把网络数据包装为图片源









    public class HttpPicGet : IRevocable
    {
      
        public event GetPicCallback OnImageLoadCompleted;
        public event Action ProcessCompleted;
        HttpResourceGet m_httpGet;
        public HttpPicGet()
        {
            m_httpGet = new HttpResourceGet();
            m_httpGet.OnDataStreamGenerated += (stream =>
                {
                    BitmapSource bi = new BitmapImage();
                    bi.SetSource(stream);
                    if (OnImageLoadCompleted != null)
                    {
                        OnImageLoadCompleted(bi);
                    }
                });
            m_httpGet.ProcessCompleted += (() =>
                {
                    if (ProcessCompleted != null)
                    {
                        ProcessCompleted();
                    }
                });
        }

        public void BeginLoadPic(string url)
        {
            m_httpGet.BeginGetData(url);
        }


        public void RevokeAsync()
        {
            m_httpGet.RevokeAsync();
        }

    }










做一个容器,用来处理多条任务









    public class RevocableContainer
    {
        private class QueueItem
        {
            public GetPicCallback action;
            public string url;
        }

        const int Threshold = 3;

        AutoResetEvent m_event;
        int m_count;
        bool m_isThreadProcessing;
        Queue<QueueItem> m_queue;
        List<IRevocable> m_list;
        object m_lock;
        public RevocableContainer()
        {
            m_event = new AutoResetEvent(false);
            m_queue = new Queue<QueueItem>();
            m_list = new List<IRevocable>();
            m_lock = new object();
            m_count = Threshold;
            m_isThreadProcessing = false;
        }

        void HttpRequestThread()
        {
            while (true)
            {
                if (m_count == 0)
                {
                    m_event.WaitOne();
                }
                QueueItem item = null;
                //out from queue
                lock (m_queue)
                {
                    if (!m_isThreadProcessing)
                    {
                        break;
                    }
                    if (m_queue.Count == 0)
                    {
                        break;
                    }

                    item = m_queue.Dequeue();
                    Interlocked.Decrement(ref  m_count);

                }

                //do request
                HttpPicGet pic = new HttpPicGet();
                pic.OnImageLoadCompleted += (img =>
                    {
                        item.action(img);
                    });

                pic.ProcessCompleted += (() =>
                    {
                        lock (m_list)
                        {
                            m_list.Remove(pic);
                        }
                        if (m_count == 0)
                        {
                            m_event.Set();
                        }
                        Interlocked.Increment(ref m_count);
                    });
                pic.BeginLoadPic(item.url);

                //into list
                lock (m_list)
                {
                    m_list.Add(pic);
                }

                Thread.Sleep(1);
            }
        }


        public void EnQueue(string url, GetPicCallback action)
        {
            QueueItem item = new QueueItem() { action = action, url = url };
            BackgroundWorker worker = null;
            lock (m_queue)
            {
                m_queue.Enqueue(item);
                if (!m_isThreadProcessing)
                {
                    m_isThreadProcessing = true;
                    worker = new BackgroundWorker();
                }
            }

            if (worker != null)
            {
                worker.DoWork += ((send, ev) => HttpRequestThread());
                worker.RunWorkerCompleted += ((send, ev) =>
                    {
                        lock (m_queue)
                        {
                            m_isThreadProcessing = false;
                        }
                    });

                worker.RunWorkerAsync();
            }

        }

        public void CancelAll()
        {

            lock (m_queue)
            {
                m_isThreadProcessing = false;
                m_queue.Clear();
            }
            lock (m_list)
            {
                foreach (IRevocable item in m_list)
                {
                    item.RevokeAsync();
                }
            }
        }
    }










做异步绑定需要的类









    public class MyImage : INotifyPropertyChanged
    {

        public event PropertyChangedEventHandler PropertyChanged;
        string m_url;
        BitmapSource m_source;

        public string URL
        {
            get { return m_url; }
            set
            {
                if (m_url != value)
                {
                    m_url = value;
                    OnPropertyChanged(new PropertyChangedEventArgs("URL"));
                }
            }
        }

        public BitmapSource Source
        {
            get { return m_source; }
            set
            {
                if (m_source != value)
                {
                    m_source = value;
                    OnPropertyChanged(new PropertyChangedEventArgs("Source"));
                }
            }
        }

        protected virtual void OnPropertyChanged(PropertyChangedEventArgs args)
        {
            if (PropertyChanged != null) 
                PropertyChanged(this, args);
        }
    }










业务的部分都做完了



接下来就是做一个例子来验证成果了









 public partial class MainPage : PhoneApplicationPage
    {
        RevocableContainer m_container = new RevocableContainer();
        // Constructor
        public MainPage()
        {
            InitializeComponent();
        }

        private void DoClick(object sender, RoutedEventArgs e)
        {

            string[] sources = new string[]
            {
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526395.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526396.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526397.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526398.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526399.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526400.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526401.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526402.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526403.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526404.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526405.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526406.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526407.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526408.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526409.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526410.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526411.jpg",
                "http://gb.cri.cn/mmsource/images/2008/05/26/ei080526412.jpg"
            };


            MyImage[] imgs = new MyImage[sources.Length];
          
            for (int i = 0; i < imgs.Length; ++i)
            {
              
                imgs[i] = new MyImage();
                MyImage imgItem = imgs[i];
                imgItem.URL = sources[i]+ "?rand=" + Guid.NewGuid().ToString();//加Guid保证调试时无缓存
                m_container.EnQueue(imgItem.URL, (bitsource => imgItem.Source = bitsource));
            }

            lbContent.DataContext = imgs;

        }


        private void RevokeClick(object sender, RoutedEventArgs e)
        {
            m_container.CancelAll();
        }
    }




XAML页面代码如下:












    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <ListBox Height="670" x:Name="lbContent" Grid.Row="0" ItemsSource="{Binding}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <Image Height="100" Width="100" Source="{Binding Source, Mode=OneWay}" />
                        <TextBlock Text="{Binding URL}" />
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" VerticalAlignment="Bottom" Margin="12,0,12,0">
            <StackPanel Orientation="Horizontal">
                <Button x:Name="btnDo" Width="100" Height="100" Content="DO" Click="DoClick" />
                <Button x:Name="btnRevoke" Width="100" Height="100" Content="Revoke" Click="RevokeClick"  />
            </StackPanel>
        </Grid>
    </Grid>










运行起来,达到需要所要求的效果





                

        




    

    
  



    

      

        

            

              
                
                  iteye_20746
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
25、构建高效应用：MVVM框架与Windows Phone Mango开发指南

				
			

			

				

					corn8的博客
				

				

					06-24
					
					13
					
				

			

		

		

			
				
本文深入探讨了MVVM设计模式及其在Windows Phone Mango开发中的应用。介绍了常见的MVVM框架如MVVM Light和Caliburn.Micro的特点与适用场景，并详细解析了Mango版本新增的相机和传感器功能的开发实践，包括具体API使用步骤和最佳实践。内容涵盖数据绑定、命令处理、数据访问等关键技术点，帮助开发者构建高效、功能丰富的移动应用。

			
		

	



                

            
              



	

		

			

				
					
Silverlight下载网络图片

				
			

			

				

					℡メ㏑╭ァ小凯
				

				

					01-17
					
					1989
					
				

			

		

		

			
				
话说Silverlight做下载的时候是一个很麻烦的事情，刚开始的时候使用WebClient去下载图片，这样只能下载本域下的图片资源，不能跨域。
比如http://www.baidu.com/a.jpg这样的话就会出现安全问题，找了好多资料，都说要搞配置XML什么的，结果试了也不可以，话说也不怎么懂
然后我就想到一个办法，在WebService里面使用WebClient下载图片到本地，然后在S

			
		

	



              


  
              

                


	

		

			

				
					
Silverlight中使用图片及常见问题

				
			

			

				

					cuijie的专栏
				

				

					01-03
					
					3429
					
				

			

		

		

			
				
在Silverlight中插入一张图片看似简单，但处理不当仍会出现很多问题。本文将从创建一个新工程开始讲起，介绍如何在Silverlight控件中插入一张图片，以及在此过程中可能会出现的问题及解决办法。1. 首先新建一个Silverlight工程，取名"InsertPicture",File -> New Project... ,如图所示2. 新建一个ASP.NET Web Site，取名

			
		

	





	

		

			

				
					
在Silverlight中读取指定URL图片包数据

				
			

			

				

					weixin_34128411的博客
				

				

					06-17
					
					153
					
				

			

		

		

			
				
在silverlight开发，允许我们获取指定URL压缩包（zip）并读取其中的图片文件。而实现这个功能也非常简单。下面是运行效果图：
   首先，我们需要建立一个silverligth application ，名称为：DownLoadImg.  下面就是相应的page.xaml代码:...

			
		

	



		

			
		



	

		

			

				
					
Windows Phone 7

				
			

			

				

					anban5298的博客
				

				

					02-02
					
					868
					
				

			

		

		

			
				
　离Windows Phone 7正式发布已过去几个月了，但国内关于Windows Phone 7的中文书籍资料太少了，大多数是英文资料，一本真正的中文开发教程书都没有， 要啃英文资料对大部分的开发者来说太难了，而且很多的中文的文章教程又太杂乱。 机微网把网站多个月来转载的Windows Phone 7相关的教程文章分类整理了一下，供广大的开发者参阅。希望各位作者能允许机微网(www....

			
		

	





	

		

			

				
					
Windows Phone 7框架、控件和开源项目

				
			

			

				

					jazywoo_在路上
				

				

					03-17
					
					1758
					
				

			

		

		

			
				
Windows Phone 7框架、控件和开源项目第一季


在Windows Phone 7的开发中，不可避免地需要使用到很多方面的技术和资料。轩辕在这里给你总结下Windows Phone 7开发中对你有帮助的开发框架、控件和开源项目，以便以后的学习和开发过程中作为参考。

 

Neurons

Neurons是一个聚合了TED Talks, The RSA ，FORA.t

			
		

	





	

		

			

				
					
Windows Phone 7程序设计笔记[一]

				
			

			

				

					m_vptr的专栏
				

				

					06-01
					
					1336
					
				

			

		

		

			
				
Windows Phone 7的编程平台包括Silverlight和XNA两种
标准Silverlight工程中包括了App.xaml和MainPage.xaml两个文件。xaml用于描述UI，使业务逻辑和界面管理想隔离。App表示整个应用程序，MainPage是其中的一个页面。
方向处理：Silverlight中的SupportedOrientations控制，可以取Portraint、La

			
		

	





	

		

			

				
					
多样化实现Windows Phone 7本地数据库访问<下>

				
			

			

				

					muxiaobo的专栏
				

				

					02-23
					
					745
					
				

			

		

		

			
				
在上一篇多样化实现Windows
 Phone 7本地数据库访问采用两种方式Effproze和SQlite来验证Window Phone 7访问本地数据库.验证结论是可行的.  得到圆友及时反馈当然也发现一些细节上问题. 例如Effproze利用文件/内存模式 找不到指定的硬盘上数据库文件. Sqlite中支持Windows Phone 7 API没有相关文档. 以及SQlite创建后类似Eff

			
		

	





	

		

			

				
					
Windows Phone 7 Silverlight应用程序连接到SAP系统的示例

				
			

			

				

					04-09
				

			

		

		

			
				
在本文中，我们将深入探讨如何使用Windows Phone 7 Silverlight应用程序连接到SAP系统，这是一个在移动开发领域中常见的挑战。Windows Phone 7是微软针对移动设备推出的操作系统，而Silverlight是它的一个轻量级框架...

			
		

	





	

		

			

				
					
使用Windows Phone 7消费控制台主机WCF服务

				
			

			

				

					04-08
				

			

		

		

			
				
3. **离线模式**: 考虑到WP7可能在网络不稳定或无网络的环境下运行，设计应用时应提供离线模式，如使用本地缓存存储已获取的数据。  4. **版本控制**: 如果服务有更新，要考虑客户端如何适应新版本，避免因接口改变...

			
		

	





	

		

			

				
					
Windows Phone 下载网络图片Demo

				
			

			

				

					05-14
				

			

		

		

			
				
【Windows Phone 下载网络图片Demo】是一个针对Windows Phone平台的应用示例，主要展示了如何在该平台上实现从网络下载并显示图片的功能。这个Demo是开发者在优快云博客上分享的一个技术教程，链接为，通过此教程，...

			
		

	





	

		

			

				
					
Windows Phone 7开发：使用Microsoft Silverlight

				
			

			

				

					
				

			

		

		

			
				
"Microsoft.Press.Programming.Windows.Phone.7.Microsoft.Silverlight.Edition"  本书是《Microsoft Press Programming Windows Phone 7 Microsoft Silverlight Edition》的详细概述，由Charles Petzold撰写，专注...

			
		

	





	

		

			

				
					
鸿蒙应用开发之自定义组件@Component全面解析：自定义组件生命周期

				
			

			

				

					YunWQ的博客
				

				

					08-14
					
					831
					
				

			

		

		

			
				
本文介绍了ArkUI中的自定义组件开发，包括其特点、基本结构、成员函数/变量定义及参数传递方式。自定义组件具有可组合、可重用和数据驱动UI更新的特性，通过@Component装饰器定义。文章详细说明了如何在组件中定义成员变量和函数，以及如何接收外部参数。最后简要提及了组件和页面的生命周期函数，包括aboutToAppear、onPageShow等关键回调，为开发者提供了构建可复用UI组件的基础知识。

			
		

	





	

		

			

				
					
label studio标注时序数据

				
			

			

				

					qq_41413211的博客
				

				

					08-18
					
					17
					
				

			

		

		

			
				
数据导入可以从ui导入。

			
		

	





	

		

			

				
					
Android 移动端 UI 设计：前端常用设计原则总结

				
			

			

				

					weixin_46560512的博客
				

				

					08-16
					
					938
					
				

			

		

		

			
				
在 Android 移动端开发中，优秀的 UI 设计不仅需要视觉上的美观，更需要符合用户习惯、提升操作效率的设计逻辑。前端 UI 设计原则是指导开发者将功能需求转化为优质用户体验的核心准则，这些原则贯穿于布局结构、交互反馈、视觉呈现等各个环节。以下从用户体验、视觉统一性、交互逻辑性、适配兼容性四个维度，总结 Android 移动端前端 UI 设计的常用原则。

			
		

	





	

		

			

				
					
AI编程工具对决：Kilo vs Augment 开发Flutter俄罗斯方块游戏实战对比

					
最新发布

				
			

			

				

					专注技术分享
				

				

					08-18
					
					714
					
				

			

		

		

			
				
随着AI编程工具的快速发展，开发者面临着越来越多的选择。本文将通过一个实际的Flutter俄罗斯方块游戏开发项目，对比两款顶级AI编程工具：Kilo和Augment的实际表现，为开发者选择合适的AI编程助手提供参考。Kilo优势开发速度快，UI设计能力强适合快速原型和小型项目用户体验优秀Augment优势代码结构规范，可维护性强支持多IDE集成提供免费额度，使用门槛低共同特点都基于Claude Sonnet 4模型代码质量都达到生产级别都能有效提升开发效率工具选择策略。

			
		

	





	

		

			

				
					
微软官方Windows Phone 7开发者指南：利用Silverlight构建移动应用

				
			

			

				

					
				

			

		

		

			
				
"Microsoft.Press.Windows.Phone.7.Developer.Guide - 最新Windows Phone 7开发资料，微软官方出品"  本文档是微软官方发布的Windows Phone 7开发者指南，主要关注使用Microsoft Silverlight构建连接型移动应用。该...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值