silverlight中顺序/倒序异步加载多张图片

简介: 相册/图片切换广告等很多常用小应用中,服务器返回一组图片的uri,然后silverlight利用WebClient异步加载,如果要严格控制加载顺序的话,可以利用Stack(堆栈)或Queue(堆栈)处理,思路:不要全部一起加载,先加载第一个,在完成的异步回调过程中,继续发起一下次异步。

相册/图片切换广告等很多常用小应用中,服务器返回一组图片的uri,然后silverlight利用WebClient异步加载,如果要严格控制加载顺序的话,可以利用Stack(堆栈)或Queue(堆栈)处理,思路:不要全部一起加载,先加载第一个,在完成的异步回调过程中,继续发起一下次异步。

回想我们在ajax开发中,有一种技术叫"http长连接",在每一次ajax异步请求完成时,继续发起下一个异步请求,这样客户端与服务端的连接就一直保持下去了。

这二者多么相象!再次印证了我的那句话:技术很多时候一通百通 :)

关键代码:

using  System;
using  System.Collections.Generic;
using  System.Net;
using  System.Windows;
using  System.Windows.Browser;
using  System.Windows.Controls;
using  System.Windows.Media.Imaging;
using  QueueLoad.controls;

namespace  QueueLoad
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
{
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
/**//// <summary>
    
/// 顺序,倒序异步加载一组图片(by 菩提树下的杨过 http://yjmyzz.cnblogs.com/)
    
/// </summary>

    public partial class MainPage : UserControl
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
{
        Stack
<string> _imgStack = new Stack<string>();//如要顺序加载,换成 Queue<string>
       
        WebClient _wc 
= new WebClient();

        
public MainPage()
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
{
            InitializeComponent();

            _imgStack.Push(
"Gallery/Scenes/1.jpg");
            _imgStack.Push(
"Gallery/Scenes/2.jpg");
            _imgStack.Push(
"Gallery/Scenes/3.jpg");
            _imgStack.Push(
"Gallery/Scenes/4.jpg");
            _imgStack.Push(
"Gallery/Scenes/5.jpg");
            _imgStack.Push(
"Gallery/Scenes/6.jpg");

            _wc.OpenReadCompleted 
+= _wc_OpenReadCompleted;
        }


        
void _wc_OpenReadCompleted(object sender, OpenReadCompletedEventArgs e)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
{
            
if (e.Error == null)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
{
                BitmapImage _bitMap 
= new BitmapImage();
                _bitMap.SetSource(e.Result);

                ImageItemBase _itemBase 
= e.UserState as ImageItemBase;

                _itemBase.img.Source 
= _bitMap;
                _itemBase.img.Visibility 
= Visibility.Visible;
                _itemBase.loading.Visibility 
= Visibility.Collapsed;

                LoadImage();
//关键,继续加载下一个(是不是有点ajax中http长连接的意思,呵)

            }

        }


        
private void btnLoad_Click(object sender, RoutedEventArgs e)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
{
            LoadImage();
        }



        
void LoadImage()
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
{
            
if (_imgStack != null && _imgStack.Count > 0)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
{
                ImageItemBase _itemBase 
= new ImageItemBase();
                _itemBase.loading.Visibility 
= Visibility.Visible;
                _itemBase.img.Visibility 
= Visibility.Collapsed;

                imgContainer.Children.Add(_itemBase);               

                Uri _imgUri 
= new Uri(HtmlPage.Document.DocumentUri, _imgStack.Pop());
                _wc.OpenReadAsync(_imgUri, _itemBase);
            }

        }

    }

}

源代码:http://files.cnblogs.com/yjmyzz/QueueLoad.rar

目录
相关文章
|
API 定位技术 网络架构
ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案
原文:ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案 根据实际JPG图片进行配准后,发布的地图,利用ArcGIS API for Silverlight在网页上显示的时候,原先的文字总有倾斜的现象,如何解决?   图一、配准后有文字倾斜现象的地图 解决...
1081 0
|
Windows
Silverlight导出图片需要的几个类
1、EditableImage.cs类,代码如下: using System; using System.
574 0
|
定位技术 API
ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案
根据实际JPG图片进行配准后,发布的地图,利用ArcGIS API for Silverlight在网页上显示的时候,原先的文字总有倾斜的现象,如何解决?   图一、配准后有文字倾斜现象的地...
889 0

热门文章

最新文章