Android自訂圓角ImageView，androidimageview

Android自訂圓角ImageView，androidimageview

我們經常看到一些app中可以顯示圓角圖片，比如qq的連絡人表徵圖等等，實現圓角圖片一種辦法是直接使用圓角圖片資源，當然如果沒有圓角圖片資源，我們也可以自己通過程式實現的，下面介紹一個自訂圓角ImageView的方法：

package com.yulongfei.imageview;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Path;import android.graphics.PorterDuff;import android.graphics.PorterDuffXfermode;import android.graphics.RectF;import android.util.AttributeSet;import android.widget.ImageView;public class RoundAngleImageView extends ImageView {private int roundWidth = 13;private int roundHeight = 13;public RoundAngleImageView(Context context) {super(context);init(context, null);}public RoundAngleImageView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init(context, attrs);}public RoundAngleImageView(Context context, AttributeSet attrs) {super(context, attrs);init(context, attrs);}private void init(Context context, AttributeSet attrs) {if (attrs != null) {TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.RoundAngleImageView);roundWidth = a.getDimensionPixelSize(R.styleable.RoundAngleImageView_roundWidth, roundWidth);roundHeight = a.getDimensionPixelSize(R.styleable.RoundAngleImageView_roundHeight, roundHeight);a.recycle();} else {float density = context.getResources().getDisplayMetrics().density;roundWidth = (int)(roundWidth * density);roundHeight = (int)(roundHeight * density);}}/** 重寫draw() */@Overridepublic void draw(Canvas canvas) {//執行個體化一個和ImageView一樣大小的bitmapBitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(),Config.ARGB_8888);//執行個體化一個canvas，這個canvas對應的記憶體為上面的bitmapCanvas canvas2 = new Canvas(bitmap);if (bitmap.isRecycled()) {bitmap = Bitmap.createBitmap(getWidth(), getHeight(),Config.ARGB_8888);canvas2 = new Canvas(bitmap);}//將imageView自己繪製到canvas2上，這個導致bitmap裡面存放了imageViewsuper.draw(canvas2);//利用canvas畫一個圓角矩形，這個會修改bitmap的資料drawRoundAngle(canvas2);//將裁剪好的bitmap繪製到系統當前canvas上，這樣裁剪好的imageview就能顯示到螢幕上Paint paint = new Paint();paint.setXfermode(null);canvas.drawBitmap(bitmap, 0, 0, paint);bitmap.recycle();}public void setRoundWidth(int roundWidth, int roundHeight) {this.roundWidth = roundWidth;this.roundHeight = roundHeight;}private void drawRoundAngle(Canvas canvas){Paint maskPaint = new Paint();        maskPaint.setAntiAlias(true);maskPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));        Path maskPath = new Path();          maskPath.addRoundRect(new RectF(0.0F, 0.0F, getWidth(), getHeight()), roundWidth, roundHeight, Path.Direction.CW);                //這是設定了填充模式，非常關鍵        maskPath.setFillType(Path.FillType.INVERSE_WINDING);        canvas.drawPath(maskPath, maskPaint);}}

android 怎重寫imageview 讓圖片有圓角效果

android 自訂圓角ImageView以及鋸齒的處理
看到很多人開發過程中要使用圓角圖片時，解決方案有：

1.重新繪製一張圖片

2.通過布局來配置

3.通過重寫View來實現

其中1，2在這裡就不講了，重點講講方法三的實現。

實現一：通過截取畫布一個圓形地區與圖片的相交部分進行繪製，缺點：鋸齒明顯，設定Paint,Canvas消除鋸齒無效。
package com.open.circleimageview.widget;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.Region;
import android.util.AttributeSet;
import android.view.View;

public class CircleImageViewA extends View {

public CircleImageViewA(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

public CircleImageViewA(Context context, AttributeSet attrs) {
super(context, attrs);
}

public CircleImageViewA(Context context) {
super(context);
}

private Bitmap bitmap;
private Rect bitmapRect=new Rect();
private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);
private Paint paint = new Paint();
{
paint.setStyle(Paint.Style.STROKE);
paint.setFlags(Paint.ANTI_ALIAS_FLAG);
paint.setAntiAlias(true);// 設定畫筆的鋸齒效果。 true是去除，大家一看效果就明白了
}
private Path mPath=new Path();

public void setImageBitmap(Bitmap bitmap)
{
this.bitmap=bitmap;
}

@Override
protected void onDraw(Canvas canvas) {

if(null==bitmap)
{
return;
}

bitmapRect.set(0, 0, getWidth(), getHeight());
......餘下全文>>

 
android中怎設定imageview有圓角

drawable建個xml <shape> <corners> , google搜尋下就有了