[英]How can I chain multiple ImageElement load events in Dart
我将JavaScript背景图像加载器转换为Dart,有点像: Javascript图像加载器
我使用Timer来检查图像是否全部加载。 这很好用。
但是在Dart中有可连接的Futures,我想知道你是否可以链接ImageElements的后台加载......
ImageElement a = new ImageElement();
ImageElement b = new ImageElement();
ImageElement c = new ImageElement();
Future.wait([a.src='a.jpg', b.src='b.jpg', c.src='ca.jpg'])
.then((List responses) => chooseBestResponse(responses))
.catchError((e) => handleError(e));
当然分配src和实际的图像加载是异步的,所以这不起作用......
加载后,我还需要为每个图像执行一些代码。
也许我需要编写自己的FutureImageElement类,但我想我先问...
有任何想法吗 ?
当然,你可以使用期货。 只需使用流的first
属性:
var a = new ImageElement(src: 'a.png');
var b = new ImageElement(src: 'b.png');
var c = new ImageElement(src: 'c.png');
var futures = [a.onLoad.first, b.onLoad.first, c.onLoad.first];
Future.wait(futures).then((_) => print('done'));
加载所有三个图像时将打印文本“完成”。
你真的需要和Futures合作吗?
为什么不是这样的:
List<String> files = ["a", "b", "c"];
int imagesToLoad = files.length;
for (String fileName in files) {
ImageElement pic = new ImageElement()
..src = "$fileName.jpg"
..onLoad.listen((Event e) {
// do something when the file has finished loading
imagesToLoad--;
if (imagesToLoad == 0) {
// do something when all images have loaded
}
})
;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.