silverlight中顺序/倒序异步加载多张图片
时间:2022-04-23
本文章向大家介绍silverlight中顺序/倒序异步加载多张图片,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
相册/图片切换广告等很多常用小应用中,服务器返回一组图片的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
{
/**//// <summary>
/// 顺序,倒序异步加载一组图片(by 菩提树下的杨过 http://yjmyzz.cnblogs.com/)
/// </summary>
public partial class MainPage : UserControl
{
Stack<string> _imgStack = new Stack<string>();//如要顺序加载,换成 Queue<string>
WebClient _wc = new WebClient();
public MainPage()
{
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)
{
if (e.Error == null)
{
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)
{
LoadImage();
}
void LoadImage()
{
if (_imgStack != null && _imgStack.Count > 0)
{
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);
}
}
}
}
- 在网页里让文本框只能输入数字的一种方法。外加回车换Tab
- 如何用Python从零开始实现简单的线性回归
- 使命必达: 深入剖析WCF的可靠会话[编程篇](上)
- 页面回发后,让页面自动滚动到指定位置的一种简单的方法
- [自定义服务器控件] 第二步:下拉列表框。
- WCF服务端运行时架构体系详解[中篇]
- [自定义服务器控件] 第三步:CheckBoxList。
- 用Keras通过Python进行卷积神经网络的手写数字识别
- 反射的另类实现。(不知道这么用还算不算反射了?)
- 如何让普通变量也支持事务回滚?
- What is "Type" in managed heap?
- 一个特殊场景的 LR 预测优化 Trick
- 你知道Unity IoC Container是如何创建对象的吗?
- 发布一个锁定行列的一种方法。(实现Excel里的冻结窗格的功能)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 零基础学小程序006---小程序获取用户信息用户昵称
- Android webview 内存泄露的解决方法
- Android编程实现全局获取Context及使用Intent传递对象的方法详解
- Android App更改应用的图标的实现方法
- 零基础学小程序007---小程序获取用户openid
- Android编程中光线传感器的调用方法详解
- Android编程使用sax解析xml数据的方法详解
- 微信小程序弹出用户授权弹窗,微信小程序引导用户授权,获取位置经纬度
- Android用RecyclerView实现动态添加本地图片
- Android利用RecyclerView编写聊天界面
- 5行代码实现微信消息推送,springboot实现微信推送,java微信推送
- Android控件ListView使用方法详解
- android ContentResolver获取手机电话号码和短信内容
- 借助云开发实现小程序列表页(包含json数据的请求和解析)
- Android shape 绘制图形的实例详解