最简单圆形图片和头像(重新封装ImageLoad)-巧用universal-image-loader

来源:互联网 发布:网络语gg是什么意思 编辑:程序博客网 时间:2024/05/22 07:08

一.无图无真相
ViewPager中圆形
Gallery中圆形
GridView中圆形
ListView中圆角图片
二.主要代码 CircleDisplayer.java

package com.nostra13.example.universalimageloader.widget;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.RectF;import android.graphics.Shader;import android.graphics.drawable.Drawable;import com.nostra13.universalimageloader.core.assist.LoadedFrom;import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer;import com.nostra13.universalimageloader.core.imageaware.ImageAware;/** * 创建圆形显示器 *  * @author 孤狼 * @since 2015-8-6 * */public class CircleDisplayer extends RoundedBitmapDisplayer {    // 构造函数    public CircleDisplayer() {        super(0);    }    // 显示位图    @Override    public void display(Bitmap bitmap, ImageAware imageAware,            LoadedFrom loadedFrom) {        imageAware.setImageDrawable(new CircleDrawable(bitmap, margin));    }    public static class CircleDrawable extends Drawable {        private final int margin;        private final RectF mRect = new RectF();        private final BitmapShader bitmapShader;        private final Paint paint;        private RectF mBitmapRect;        public CircleDrawable(Bitmap bitmap, int margin) {            this.margin = 0;            // 创建着色器            bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP,                    Shader.TileMode.CLAMP);            mBitmapRect = new RectF(margin, margin, bitmap.getWidth() - margin,                    bitmap.getHeight() - margin);            // 设置画笔            paint = new Paint();            paint.setAntiAlias(true);            paint.setShader(bitmapShader);        }        // 画圆,覆盖原来的位图        @Override        protected void onBoundsChange(Rect bounds) {            super.onBoundsChange(bounds);            mRect.set(margin, margin, bounds.width() - margin, bounds.height()                    - margin);            // 调整位图,设置该矩阵,转换映射源矩形和目的矩形            Matrix shaderMatrix = new Matrix();            shaderMatrix.setRectToRect(mBitmapRect, mRect,                    Matrix.ScaleToFit.FILL);            // 设置着色器矩阵            bitmapShader.setLocalMatrix(shaderMatrix);        }        // 画出其边界(通过设置的setBounds)        @Override        public void draw(Canvas canvas) {            canvas.drawRoundRect(mRect, mRect.width() / 2, mRect.height() / 2,                    paint);        }        /**         * 返回此绘制对象的不透明度/透明度 ,返回的值是抽象的格式常数的PixelFormat之一:未知,半透明,透明或不透明         * */        @Override        public int getOpacity() {            // 半透明            return PixelFormat.TRANSLUCENT;        }        // 设置透明度        @Override        public void setAlpha(int alpha) {            paint.setAlpha(alpha);        }        // 彩色滤光片(通过设置setColorFilter)        @Override        public void setColorFilter(ColorFilter cf) {            paint.setColorFilter(cf);        }    }}

三.代码中调用

//配置参数DisplayImageOptions options = new DisplayImageOptions.Builder()            .showImageForEmptyUri(R.drawable.ic_empty)            .showImageOnFail(R.drawable.ic_error)            .resetViewBeforeLoading(true)            .cacheOnDisc(true)            .imageScaleType(ImageScaleType.EXACTLY)            .bitmapConfig(Bitmap.Config.RGB_565)            .displayer(new CircleDisplayer())            .build();//加载图片imageLoader.displayImage(imageUrls[position], imageView, options);

四.说明
在开发中,使用圆形圆角图片的场景几乎到处可见,相信很多开发者在处理加载图片时都用到了imageload,因为它太强大了,它提供了加载圆角图片的方法,本例在此基础上自定义实现圆形图片,不用再外部引用什么RoundImage,CircleImageView等等框架麻烦的操作,只需加载的时候设置CircleDisplayer就简单高效的实现了。
由于universal-image-loader很多牛人讲解的太多了,相信很多开发者都应用自如了,孤狼就不再浪费大家的时间了,直接上代码 了,如有疑问,请留言孤狼!
五.实例源码
最简单圆形圆角图片再度封装ImageLoad

1 0
原创粉丝点击