ImageLoader這個圖片加載器是我經常使用額一個圖片加載器(https://github.com/nostra13/Android-Universal-Image-Loader）

這個圖片加載器在加載的時候是支持圖片加載效果的，原本自帶了RoundBitmapDisplayer,圓角圖片顯示器。

但是項目的需要，我要弄一個圓形的圖片，這樣有兩個思路，

其一，是弄一個CircleImageView 直接改寫ImageView 以達到圓形圖片的效果

但是這樣有個問題，就是在列表加載的時候，這個圖片是不能緩存的，每次都是用重新切圖

其二，使用ImageLoader的BitmapDisplayer ，這個出來的圖片是可以緩存到內存中的，所以在列表中加載比較有優勢

?

下面就是實現這種功能代碼

首先我們要實現一個最重要的CircleDrawable,就是靠這個實現了圓形的功能

? package auggie.library.displayers;import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.ColorFilter; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.PixelFormat; import android.graphics.Rect; import android.graphics.Shader; import android.graphics.drawable.Drawable;/*** Created With Android Studio* User @47* Date 2014-07-28* Time 0:32*/ public class CircleDrawable extends Drawable {public static final String TAG = "CircleDrawable";protected final Paint paint;protected final int margin;protected final BitmapShader bitmapShader;protected float radius;protected Bitmap oBitmap;//原圖public CircleDrawable(Bitmap bitmap){this(bitmap,0);}public CircleDrawable(Bitmap bitmap, int margin) {this.margin = margin;this.oBitmap = bitmap;bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);paint = new Paint();paint.setAntiAlias(true);paint.setShader(bitmapShader);}@Overrideprotected void onBoundsChange(Rect bounds) {super.onBoundsChange(bounds);computeBitmapShaderSize();computeRadius();}@Overridepublic void draw(Canvas canvas) {Rect bounds = getBounds();//畫一個圓圈canvas.drawCircle(bounds.width() / 2F,bounds.height() / 2F,radius,paint);}@Overridepublic int getOpacity() {return PixelFormat.TRANSLUCENT;}@Overridepublic void setAlpha(int alpha) {paint.setAlpha(alpha);}@Overridepublic void setColorFilter(ColorFilter cf) {paint.setColorFilter(cf);}/*** 計算Bitmap shader 大小*/public void computeBitmapShaderSize(){Rect bounds = getBounds();if(bounds == null) return;//選擇縮放比較多的縮放，這樣圖片就不會有圖片拉伸失衡Matrix matrix = new Matrix();float scaleX = bounds.width() / (float)oBitmap.getWidth();float scaleY = bounds.height() / (float)oBitmap.getHeight();float scale = scaleX > scaleY ? scaleX : scaleY;matrix.postScale(scale,scale);bitmapShader.setLocalMatrix(matrix);}/*** 計算半徑的大小*/public void computeRadius(){Rect bounds = getBounds();radius = bounds.width() < bounds.height() ?bounds.width() /2F - margin:bounds.height() / 2F - margin;} }

接著就是CircleBitmapDisplayer 這個外殼

package auggie.library.displayers;import android.graphics.Bitmap;import com.nostra13.universalimageloader.core.assist.LoadedFrom; import com.nostra13.universalimageloader.core.display.BitmapDisplayer; import com.nostra13.universalimageloader.core.imageaware.ImageAware; import com.nostra13.universalimageloader.core.imageaware.ImageViewAware;/*** Created With Android Studio* User @47* Date 2014-07-27* Time 20:55* 顯示原型圖片的ImageLoader使用的顯示器**/ public class CircleBitmapDisplayer implements BitmapDisplayer {protected final int margin ;public CircleBitmapDisplayer() {this(0);}public CircleBitmapDisplayer(int margin) {this.margin = margin;}@Overridepublic void display(Bitmap bitmap, ImageAware imageAware, LoadedFrom loadedFrom) {if (!(imageAware instanceof ImageViewAware)) {throw new IllegalArgumentException("ImageAware should wrap ImageView. ImageViewAware is expected.");}imageAware.setImageDrawable(new CircleDrawable(bitmap, margin));}}
這樣著在ImageLoader 那里使用就可以了 package org.hangox.circleimageview;import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.widget.ImageView;import com.nostra13.universalimageloader.core.DisplayImageOptions; import com.nostra13.universalimageloader.core.ImageLoader;import auggie.library.displayers.CircleBitmapDisplayer;public class MainActivity extends ActionBarActivity {ImageView iViewCircleImageDisplayer;String imageUrl = "http://d.hiphotos.baidu" +".com/image/pic/item/9358d109b3de9c8242a7de176e81800a18d84363.jpg";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);iViewCircleImageDisplayer = (ImageView) findViewById(R.id.circle_image_displayer);ImageLoader.getInstance().displayImage(imageUrl,iViewCircleImageDisplayer,options); // BitmapDrawable bitmapDrawable = (BitmapDrawable) getResources().getDrawable(R.drawable.test_personal); // iViewCircleImageDisplayer.setImageDrawable(new CircleDrawable(bitmapDrawable.getBitmap())); }DisplayImageOptions options = new DisplayImageOptions.Builder().cacheInMemory(true).cacheOnDisk(true).displayer(new CircleBitmapDisplayer()).build();}

效果圖：

總結：其實我想想做第一種的，結果我就做第二種的，發現第二種可以曲線實現第一種，就是把ImageView里面的Drawable

替換為CircleBitmapDislplayer ，其實這個我是寫了的，在分開庫的時候不知道為什么代碼不見了。。。。。。。。

不過，這個庫應該會繼續更新，可能會用更多的顯示效果

項目地址：https://github.com/L297084910/CircleImageView

轉載于:https://www.cnblogs.com/Jabba93/p/3874359.html

總結

以上是生活随笔為你收集整理的ImageLoader displayers 之CircleBitmapDisplayer的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。