ImageLoader源码分析

版权声明:版权声明:本文为博主原创文章,未经博主允许不得转载,违者必究。 https://blog.csdn.net/Cricket_7/article/details/89016600

1,实现效果

 

2,实现逻辑

【1】github 地址

https://github.com/nostra13/Android-Universal-Image-Loader

  • 下载对应的ZIP包

 

【2】项目导入

  • 重新打开一个项目,只需要导入Module

 

 

  • 导入Modul时,自动需要一个依赖库,library 自己加载进来

  • 出现错误,不存在就注释掉

  • 找到对应的位置

 

导入成功

【3】查看源码

  • 查看布局,XML找到启动页面 

  • 找到Listview 展示图片效果 ,查看适配器,在构造中初始化了LmageLoader 

 

options = new DisplayImageOptions.Builder()

      .showImageOnLoading(R.drawable.ic_stub)

      .showImageForEmptyUri(R.drawable.ic_empty)

      .showImageOnFail(R.drawable.ic_error)

      .cacheInMemory(true)

      .cacheOnDisk(true)

      .considerExifParams(true)

      //.displayer(new CircleBitmapDisplayer(Color.WHITE, 5))

        .displayer(new RoundedBitmapDisplayer(6)) //给矩形添加圆角

      .build();
  • 圆环的理解

  • 在getView利用单例模式ImagerLoader 对象

 

 

//1,图片加载的URL地址     2,要加载的控件    3,空参构造配置的信息    4,实现的动画效果

ImageLoader.getInstance().displayImage(IMAGE_URLS[position], holder.image, options, animateFirstListener);
  • 创建获取实现动画的效果

private ImageLoadingListener animateFirstListener = new AnimateFirstDisplayListener();

 

查看实现的过程

private static class AnimateFirstDisplayListener extends SimpleImageLoadingListener {
   static final List<String> displayedImages = Collections.synchronizedList(new LinkedList<String>());
   @Override
   public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
      if (loadedImage != null) {
         ImageView imageView = (ImageView) view;
         boolean firstDisplay = !displayedImages.contains(imageUri);
         if (firstDisplay) {
            //淡入效实现
            FadeInBitmapDisplayer.animate(imageView, 500);
            displayedImages.add(imageUri);
         }
      }
   }
}

点击发现是AlphaAnimation动画

public static void animate(View imageView, int durationMillis) {
   if (imageView != null) {
      AlphaAnimation fadeImage = new AlphaAnimation(0, 1);
      fadeImage.setDuration(durationMillis);
      fadeImage.setInterpolator(new DecelerateInterpolator());
      imageView.startAnimation(fadeImage);
   }
}

3,使用

  • 访问的图片地址已经过时了。我们自己修改服务器的图片进行展示,实现效果

 

猜你喜欢

转载自blog.csdn.net/Cricket_7/article/details/89016600
0条评论
添加一条新回复