zoukankan      html  css  js  c++  java
  • Ionic3 UI组件之 ImageLoader

    ImageLoader:通过后台线程加载图片(异步)并缓存。类似于Glide或者Picasso。

    组件特性:

    • 后台线程下载图片,下载速度更快,不使用webview的资源;
    • 缓存图像。图像将在您下次显示时立即显示,因为它们已保存在本地存储区,而不是每次都去服务器请求;
    • 可显示加载进度条,也可关闭;
    • 可设置最大缓存大小并自动删除旧图像;
    • 服务器图像不存在时允许设置一个默认图像;

    参考地址:https://github.com/zyra/ionic-image-loader

    ==========================================================

    1)安装包:npm install --save ionic-image-loader

    2)安装包和插件:npm i --save @ionic-native/file

    ionic cordova plugin add cordova-plugin-file

    npm i --save @ionic-native/transfer

    ionic cordova plugin add cordova-plugin-file-transfer

    3)在app.module.ts文件中添加:import { IonicImageLoader } from 'ionic-image-loader';

    添加:IonicImageLoader.forRoot();

    4)Then add IonicImageLoader in your child/shared module(s)???

    5)使用组件:<img-loader src="https://path.to/my/image.jpg"></img-loader>

    <img-loader src="https://path.to/my/image.jpg" useImg></img-loader>

     

    第一次加载需要网络,加载成功后图片被缓存,断网后仍然可以加载图片。

  • 相关阅读:
    Android数据的四种存储方式SharedPreferences、SQLite、Content Provider和File (二) —— SQLite
    理解 Continuation
    99种用Racket说I love you的方式
    Racket Cheat Sheet
    scheme 教程 #lang racket
    开始学习Scheme
    MIT Scheme 的基本使用
    CPS变换
    SECD machine
    scheme 之门
  • 原文地址:https://www.cnblogs.com/tomkart/p/6936958.html
Copyright © 2011-2022 走看看