基於universalimageloader實現的圖片加載控件BlurImageView

文章引自:王亟亟的大牛之路

BlurImageView

效果圖

流程:
實現原理,加載2張圖片一張爲很小的縮略圖,一張爲原圖,縮略圖加載完後做放大模糊處理,然後展開進度條加載原圖,原圖加載成功後替換縮略圖。

How to use?

Grade:

dependencies {
    compile 'com.wingjay:blurimageviewlib:1.1.0'
}

Eclipse:

這裏寫圖片描述

lib目錄下面的3各類Copy進自己的項目就好了

再說下怎麼使用這個控件

   <sample.wjj.blurimageview.lib.BlurImageView
            android:id="@+id/image"
            android:layout_width="match_parent"
            android:layout_height="250dp"/>

直接引用即可,並沒有什麼自定義的標籤(這邊補充下,希望預設下尺寸大小,如果使用 wrap_content 會出現小圖片一個大小大圖片一個大小的情況

然後就在onCreate方法裏獲取對象再set一下就好

 blurImageView = (BlurImageView) findViewById(R.id.image);
        downLoad.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                blurImageView.setFullImageByUrl(IMAGEURL, IMAGEURL1);
            }
        });

如果需要再同一個控件切換多張圖片的就在blurImageView.setFullImageByUrl()方法之前再調用下
public void setBlurFactor(int blurFactor)方法。

會申請更多的緩存空間,默認是8張
public final static int DEFAULT_BLUR_FACTOR = 8;

如何清楚圖片?

調用 控件.clear();

如何修改progress控件的UI?

//修改背景色
 public void setProgressBarBgColor(int bgColor) {
    this.loadingCircleProgressView.setProgressBgColor(bgColor);
  }

//修改控件顏色
  public void setProgressBarColor(int color) {
    this.loadingCircleProgressView.setProgressColor(color);
  }

例子地址

git地址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章