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

一.无图无真相
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

猜你喜欢

转载自blog.csdn.net/jackiandroid/article/details/47308945
今日推荐