Android Á½ÖÖÖÆ×÷Ô²ÐÎ/Ô²½ÇͼƬµÄ·½·¨

Android Á½ÖÖÖÆ×÷Ô²ÐÎ/Ô²½ÇͼƬµÄ·½·¨

Ç°ÑÔ£º

Ä¿Ç°ÍøÉÏÓкܶàÔ²½ÇͼƬµÄʵÀý£¬GithubÉÏÒ²ÓÐһгÉÊìµÄÏîÄ¿¡£ÖÇ°×öÏîÄ¿£¬ÎªÁËÎȶ¨¸ßЧ¶¼ÊÇÑ¡ÓÃGithubÉϵÄÏîÄ¿Ö±½ÓÓᣵ«ÕâÖÖ½áÊøÒ²ÊÇAndroid¿ª·¢±Ø±¸¼¼ÄÜ £¬ËùÒÔ½ñÌì¾ÍÀ´¼òµ¥Ñо¿Ò»Ï¸ü¼Êõ£¬·ÖÏí¸ø´ó¼Ò¡£

Ô¤±¸ÖªÊ¶£º

Xfermode½éÉÜ£º

ÏÂÃæÊÇAndroid ApiDemoÀïµÄ¡°Xfermodes¡±ÊµÀý£¬Ð§¹ûͼ¡£

XfermodeÓÐÈý¸ö×ÓÀ࣬½á¹¹ÈçÏ£º<†·Ÿ"http://www.bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PC9wPgo8cHJlIGNsYXNzPQ=="brush:java;">public classXfermodeextends Objectjava.lang.Object ?android.graphics.XfermodeKnown Direct SubclassesAvoidXfermode, PixelXorXfermode, PorterDuffXfermode

AvoidXfermode Ö¸¶¨ÁËÒ»¸öÑÕÉ«ºÍÈݲǿÖÆPaint±ÜÃâÔÚËüÉÏÃæ»æͼ(»òÕßÖ»ÔÚËüÉÏÃæ»æͼ)¡£

PixelXorXfermode µ±¸²¸ÇÒÑÓеÄÑÕɫʱ£¬Ó¦ÓÃÒ»¸ö¼òµ¥µÄÏñËØÒì»ò²Ù×÷¡£

PorterDuffXfermode ÕâÊÇÒ»¸ö·Ç³£Ç¿´óµÄת»»Ä£Ê½£¬Ê¹ÓÃËü£¬¿ÉÒÔʹÓÃͼÏñºÏ³ÉµÄ16ÌõPorter-Duff¹æÔòµÄÈÎÒâÒ»ÌõÀ´¿ØÖÆPaintÈçºÎÓëÒÑÓеÄCanvasͼÏñ½øÐн»»¥¡£

ÉÏÃæͼƬÖÖÏÔʾµÄ16ÖÖģʽ½éÉÜÈçÏ£º

1.PorterDuff.Mode.CLEAR

Ëù»æÖƲ»»áÌá½»µ½»²¼ÉÏ¡£
2.PorterDuff.Mode.SRC

ÏÔʾÉϲã»æÖÆͼƬ
3.PorterDuff.Mode.DST

ÏÔʾϲã»æÖÆͼƬ
4.PorterDuff.Mode.SRC_OVER

Õý³£»æÖÆÏÔʾ£¬ÉÏϲã»æÖƵþ¸Ç¡£
5.PorterDuff.Mode.DST_OVER

ÉÏϲ㶼ÏÔʾ¡£Ï²ã¾ÓÉÏÏÔʾ¡£
6.PorterDuff.Mode.SRC_IN

È¡Á½²ã»æÖƽ»¼¯¡£ÏÔʾÉϲ㡣
7.PorterDuff.Mode.DST_IN

È¡Á½²ã»æÖƽ»¼¯¡£ÏÔʾϲ㡣
8.PorterDuff.Mode.SRC_OUT

È¡Éϲã»æÖƷǽ»¼¯²¿·Ö¡£
9.PorterDuff.Mode.DST_OUT

ȡϲã»æÖƷǽ»¼¯²¿·Ö¡£
10.PorterDuff.Mode.SRC_ATOP

ȡϲã·Ç½»¼¯²¿·ÖÓëÉϲ㽻¼¯²¿·Ö
11.PorterDuff.Mode.DST_ATOP

È¡Éϲã·Ç½»¼¯²¿·ÖÓëϲ㽻¼¯²¿·Ö
12.PorterDuff.Mode.XOR

Òì»ò£ºÈ¥³ýÁ½Í¼²ã½»¼¯²¿·Ö
13.PorterDuff.Mode.DARKEN

È¡Á½Í¼²ãÈ«²¿ÇøÓò£¬½»¼¯²¿·ÖÑÕÉ«¼ÓÉî
14.PorterDuff.Mode.LIGHTEN

È¡Á½Í¼²ãÈ«²¿£¬µãÁÁ½»¼¯²¿·ÖÑÕÉ«
15.PorterDuff.Mode.MULTIPLY

È¡Á½Í¼²ã½»¼¯²¿·Öµþ¼ÓºóÑÕÉ«
16.PorterDuff.Mode.SCREEN

È¡Á½Í¼²ãÈ«²¿ÇøÓò£¬½»¼¯²¿·Ö±äΪ͸Ã÷É«

Á˽âÁËÉÏÃæµÄ֪ʶµãºó£¬ÎÒÃǸù¾ÝÉÏÃæµÄ֪ʶµãÏÈÀ´ÊµÏÖµÚÒ»ÖÖÔ²½ÇͼƬÖÆ×÷·½Ê½£º

Ôͼ£º

ÏÈ¿´ÕâÒ»¶Î´úÂë

private ImageView mImg;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mImg = (ImageView) findViewById(R.id.img);//»ñµÃimageviewÖÐÉèÖõÄͼƬBitmapDrawable drawable = (BitmapDrawable) mImg.getDrawable();Bitmap bmp = drawable.getBitmap();//»ñµÃͼƬµÄ¿í£¬²¢´´½¨½á¹ûbitmapint width = bmp.getWidth();Bitmap resultBmp = Bitmap.createBitmap(width, width,Bitmap.Config.ARGB_8888);Paint paint = new Paint();Canvas canvas = new Canvas(resultBmp);//»Ô²canvas.drawCircle(width / 2, width / 2, width / 2, paint);paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));// Ñ¡Ôñ½»¼¯È¥ÉϲãͼƬcanvas.drawBitmap(bmp, 0, 0, paint);mImg.setImageBitmap(resultBmp);bmp.recycle();}

ͨ¹ýÔËÐÐÉÏÃæµÄ´úÂ룬ÎÒÃǵóöµÄ½á¹ûÈçÏ£º

´ó¼Ò¿´µ½ÕâÊÇÎÒÃÇÐèÒªµÄ½á¹û¡£¿ÉÊÇÕâÑù×ö¿ÉÄܵ¼ÖÂOutOfMomeryÒì³£¡£¼ÙÈçͼƬºÜ´ó»òÕßÄã¿ÉÄܲ¢·Çͨ¹ýImageViewµÄgetDrawable»ñµÃͼÏñ£¬¶øÊÇÖ±½ÓDecodeÒ»ÕźܴóµÄͼƬ¼ÓÔص½Äڴ棬Äã»á·¢ÏÖ¿ÉÄÜ»á³öÏÖÒì³£¡£ÎÒÃÇ×öһϸı䡣

private static final String TAG = "RoundImage";private ImageView mImg;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mImg = (ImageView) findViewById(R.id.img);// ²Ã¼ôͼƬBitmapFactory.Options options = new BitmapFactory.Options();options.inJustDecodeBounds = true;BitmapFactory.decodeResource(getResources(), R.drawable.avatar, options);Log.d(TAG, "original outwidth: " + options.outWidth);// ´Ë¿í¶ÈÊÇÄ¿±êImageViewÏ£ÍûµÄ´óС£¬Äã¿ÉÒÔ×Ô¶¨ÒåImageView£¬È»ºó»ñµÃImageViewµÄ¿í¶È¡£int dstWidth = 150;// ÎÒÃÇÐèÒª¼ÓÔصÄͼƬ¿ÉÄܴܺó£¬ÎÒÃÇÏȶÔÔÓеÄͼƬ½øÐвüôint sampleSize = calculateInSampleSize(options, dstWidth, dstWidth);options.inSampleSize = sampleSize;options.inJustDecodeBounds = false;Log.d(TAG, "sample size: " + sampleSize);Bitmap bmp = BitmapFactory.decodeResource(getResources(),R.drawable.avatar, options);// »æÖÆͼƬBitmap resultBmp = Bitmap.createBitmap(dstWidth, dstWidth,Bitmap.Config.ARGB_8888);Paint paint = new Paint();paint.setAntiAlias(true);Canvas canvas = new Canvas(resultBmp);// »Ô²canvas.drawCircle(dstWidth / 2, dstWidth / 2, dstWidth / 2, paint);// Ñ¡Ôñ½»¼¯È¥ÉϲãͼƬpaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));canvas.drawBitmap(bmp, new Rect(0, 0, bmp.getWidth(), bmp.getWidth()),new Rect(0, 0, dstWidth, dstWidth), paint);mImg.setImageBitmap(resultBmp);bmp.recycle();}private int calculateInSampleSize(BitmapFactory.Options options,int reqWidth, int reqHeight) {// Raw height and width of imagefinal int height = options.outHeight;final int width = options.outWidth;int inSampleSize = 1;if (height > reqHeight || width > reqWidth) {final int halfHeight = height / 2;final int halfWidth = width / 2;// Calculate the largest inSampleSize value that is a power of 2 and// keeps both// height and width larger than the requested height and width.while ((halfHeight / inSampleSize) > reqHeight&& (halfWidth / inSampleSize) > reqWidth) {inSampleSize *= 2;}}return inSampleSize;}

ÔÙÀ´¿´Ò»ÏÂЧ¹û£º

ÉÏÃæÌá¹ÁËÒ»ÖÖ·½Ê½£¬¸ü¶àϸ½Ú£¬ÐèÒªÄã×Ô¼ºÈ¥ÓÅ»¯£¬ÏÂÃæ½éÉܵڶþÖÖ»æÖÆÔ²½ÇͼƬµÄ·½Ê½¡£

Ê×ÏÈÎÒÃÇÐèÒªÁ˽âÒ»¸öÀàBitmapShader

ÒýÓõĽéÉÜÈçÏ£º

public BitmapShader(Bitmap bitmap,Shader.TileMode tileX,Shader.TileMode tileY)

µ÷ÓÃÕâ¸ö·½·¨À´²úÉúÒ»¸ö»ÓÐÒ»¸öλͼµÄäÖȾÆ÷£¨Shader£¡£

bitmap ÔÚäÖȾÆ÷ÄÚʹÓõÄλͼ

tileX The tiling mode for x to draw the bitmap in. ÔÚλͼÉÏX·½Ïò»¨×ģʽ

tileY The tiling mode for y to draw the bitmap in. ÔÚλͼÉÏY·½Ïò»¨×ģʽ

TileMode£º£¨Ò»¹²ÓÐÈýÖÖ£

CLAMP £ºÈç¹ûäÖȾÆ÷³¬³öÔʼ±ß½ç·¶Î§£¬»á¸´ÖÆ·¶Î§ÄÚ±ßԵȾɫ¡£

REPEAT £ººáÏòºÍ×ÝÏòµÄÖظ´äÖȾÆ÷ͼƬ£¬Æ½ÆÌ¡£

MIRROR £ººáÏòºÍ×ÝÏòµÄÖظ´äÖȾÆ÷ͼƬ£¬Õâ¸öºÍREPEAT Öظ´·½Ê½²»Ò»Ñù£¬ËûÊÇÒÔ¾µÏñ·½Ê½Æ½ÆÌ¡£

ÖªµÀÕâ¸öÔÀíºó£¬ÎÒÃÇÌù³ö¶ÔÓ¦µÄ´úÂ룺

public class CircleImageView extends ImageView {private static final String TAG = CircleImageView.class.getSimpleName();private Paint mBitmapPaint = new Paint();private int mRadius;public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init();}public CircleImageView(Context context, AttributeSet attrs) {super(context, attrs);init();}public CircleImageView(Context context) {super(context);init();}private void init() {BitmapDrawable drawable = (BitmapDrawable) getDrawable();if (drawable == null) {Log.i(TAG, "drawable: null");return;}Bitmap bmp = drawable.getBitmap();BitmapShader shader = new BitmapShader(bmp, TileMode.CLAMP,TileMode.CLAMP);mBitmapPaint.setShader(shader);mBitmapPaint.setAntiAlias(true);invalidate();}@Overrideprotected void onDraw(Canvas canvas) {if (getDrawable() == null) {return;}mRadius = Math.min(getWidth()/2, getHeight()/2);canvas.drawCircle(getWidth() / 2, getHeight() / 2, mRadius,mBitmapPaint);}}

ÊDz»ÊÇͦ¼òµ¥µÄ

½á¹ûÎҾͲ»ÏÔʾÁË£¬¸úÉÏÃæµÄÒ»Ñù¡£ÉÏÃæÒ²ÊÇ×îÔʼµÄ´úÂ룬ÎÄÕµĽáβÌù³öÒ»·ÝÍêÕûÓÅ»¯¹ýµÄ´úÂë¹²´ó¼Ò²Î¿¼ÈçÏ£º

public class CircleImageView extends ImageView {    private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP;    private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;    private static final int COLORDRAWABLE_DIMENSION = 1;    private static final int DEFAULT_BORDER_WIDTH = 0;    private static final int DEFAULT_BORDER_COLOR = Color.BLACK;    private final RectF mDrawableRect = new RectF();    private final RectF mBorderRect = new RectF();    private final Matrix mShaderMatrix = new Matrix();    private final Paint mBitmapPaint = new Paint();    private final Paint mBorderPaint = new Paint();    private int mBorderColor = DEFAULT_BORDER_COLOR;    private int mBorderWidth = DEFAULT_BORDER_WIDTH;    private Bitmap mBitmap;    private BitmapShader mBitmapShader;    private int mBitmapWidth;    private int mBitmapHeight;    private float mDrawableRadius;    private float mBorderRadius;    private boolean mReady;    private boolean mSetupPending;    public CircleImageView(Context context) {        super(context);        init();    }    public CircleImageView(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    public CircleImageView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleImageView, defStyle, 0);        mBorderWidth = a.getDimensionPixelSize(R.styleable.CircleImageView_border_width, DEFAULT_BORDER_WIDTH);        mBorderColor = a.getColor(R.styleable.CircleImageView_border_color, DEFAULT_BORDER_COLOR);        a.recycle();        init();    }    private void init() {        super.setScaleType(SCALE_TYPE);        mReady = true;        if (mSetupPending) {            setup();            mSetupPending = false;        }    }    @Override    public ScaleType getScaleType() {        return SCALE_TYPE;    }    @Override    public void setScaleType(ScaleType scaleType) {        if (scaleType != SCALE_TYPE) {            throw new IllegalArgumentException(String.format("ScaleType %s not supported.", scaleType));        }    }    @Override    protected void onDraw(Canvas canvas) {        if (getDrawable() == null) {            return;        }        canvas.drawCircle(getWidth() / 2, getHeight() / 2, mDrawableRadius, mBitmapPaint);        if (mBorderWidth != 0) {            canvas.drawCircle(getWidth() / 2, getHeight() / 2, mBorderRadius, mBorderPaint);        }    }    @Override    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        super.onSizeChanged(w, h, oldw, oldh);        setup();    }    public int getBorderColor() {        return mBorderColor;    }    public void setBorderColor(int borderColor) {        if (borderColor == mBorderColor) {            return;        }        mBorderColor = borderColor;        mBorderPaint.setColor(mBorderColor);        invalidate();    }    public int getBorderWidth() {        return mBorderWidth;    }    public void setBorderWidth(int borderWidth) {        if (borderWidth == mBorderWidth) {            return;        }        mBorderWidth = borderWidth;        setup();    }    @Override    public void setImageBitmap(Bitmap bm) {        super.setImageBitmap(bm);        mBitmap = bm;        setup();    }    @Override    public void setImageDrawable(Drawable drawable) {        super.setImageDrawable(drawable);        mBitmap = getBitmapFromDrawable(drawable);        setup();    }    @Override    public void setImageResource(int resId) {        super.setImageResource(resId);        mBitmap = getBitmapFromDrawable(getDrawable());        setup();    }    @Override    public void setImageURI(Uri uri) {        super.setImageURI(uri);        mBitmap = getBitmapFromDrawable(getDrawable());        setup();    }    private Bitmap getBitmapFromDrawable(Drawable drawable) {        if (drawable == null) {            return null;        }        if (drawable instanceof BitmapDrawable) {            return ((BitmapDrawable) drawable).getBitmap();        }        try {            Bitmap bitmap;            if (drawable instanceof ColorDrawable) {                bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION, COLORDRAWABLE_DIMENSION, BITMAP_CONFIG);            } else {                bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), BITMAP_CONFIG);            }            Canvas canvas = new Canvas(bitmap);            drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());            drawable.draw(canvas);            return bitmap;        } catch (OutOfMemoryError e) {            return null;        }    }    private void setup() {        if (!mReady) {            mSetupPending = true;            return;        }        if (mBitmap == null) {            return;        }        mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);        mBitmapPaint.setAntiAlias(true);        mBitmapPaint.setShader(mBitmapShader);        mBorderPaint.setStyle(Paint.Style.STROKE);        mBorderPaint.setAntiAlias(true);        mBorderPaint.setColor(mBorderColor);        mBorderPaint.setStrokeWidth(mBorderWidth);        mBitmapHeight = mBitmap.getHeight();        mBitmapWidth = mBitmap.getWidth();        mBorderRect.set(0, 0, getWidth(), getHeight());        mBorderRadius = Math.min((mBorderRect.height() - mBorderWidth) / 2, (mBorderRect.width() - mBorderWidth) / 2);        mDrawableRect.set(mBorderWidth, mBorderWidth, mBorderRect.width() - mBorderWidth, mBorderRect.height() - mBorderWidth);        mDrawableRadius = Math.min(mDrawableRect.height() / 2, mDrawableRect.width() / 2);        updateShaderMatrix();        invalidate();    }    private void updateShaderMatrix() {        float scale;        float dx = 0;        float dy = 0;        mShaderMatrix.set(null);        if (mBitmapWidth * mDrawableRect.height() > mDrawableRect.width() * mBitmapHeight) {            scale = mDrawableRect.height() / (float) mBitmapHeight;            dx = (mDrawableRect.width() - mBitmapWidth * scale) * 0.5f;        } else {            scale = mDrawableRect.width() / (float) mBitmapWidth;            dy = (mDrawableRect.height() - mBitmapHeight * scale) * 0.5f;        }        mShaderMatrix.setScale(scale, scale);        mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth, (int) (dy + 0.5f) + mBorderWidth);        mBitmapShader.setLocalMatrix(mShaderMatrix);    }}

²¹³äÒ»µãÉÏÃæµÄ¶¼ÊÇÔ²ÐÎͼƬ£¬Ô²½ÇµÄÈçºÎÖÆ×÷ÄØ£¿Õâ¸öÎÊÌâÁô¸øÄã˼¿¼°É¡£

È«ÎÄÍê