加载器

Bling 为方便开发者对图片等资源的使用，提供了基本的加载器功能，同时可以提前预加载图片获得“缓存”。

使用方式

// 实例化一个 Loader
const loader = new Bling.Loader();
// 添加一张图
loader.addImage('https://gw.alipayobjects.com/as/g/tiny/resources/1.0.0/images/moles/ali_mole.png');
// 再添加一张图
loader.addImage('https://xxx');
// 也支持添加一个图片数组
loader.addImage(['https://xxx1', 'https://xxx2', ...]);
// 监听加载器的完成回调
loader.on('complete', () => {
  // 你可以从 ImageCache 对象中拿到所有已加载的资源，以下 url 是图片链接
  const img = Bling.ImageCache[url];
  // 也可以直接用资源链接，以下 images 是图片链接的数组
  const mc = Bling.MovieClip.fromImages(images);
});
// 启动加载器，开始执行加载
loader.start();

加载体验

在做资源加载的时候，有时需要从交互层告诉用户：上帝，我正在加载资源，请您稍等一会儿。

<view a:if="{{isLoading}}">Loading</view>

Page({
  data: {
    isLoading: true,
  },
  onReady() {
    loader.on('complete', () => {
      // 告诉用户，我加载完了
      this.setData({
        isLoading: false,
      });
    });
  }
});