Android圓角圖片最佳方案
基礎腦補：
點陣圖：256位對比32位，儲存資訊量大但是佔用記憶體也大， 影象質量較高。
ARGB：A=Alpha, R=Red, G=Green,B=Blue
ARGB_8888：8888意味著它們都用8個位來顯示，32位的點陣圖。
ARGB_4444：邏輯同上，16位的點陣圖。
RGB_565：邏輯同上，16位的點陣圖。
ALPHA_8：用8個位來表示透明度，8位的點陣圖。
圓角方案一： PortrDuffXfermode 拷貝Bitmap
程式碼：-
publicstatic Bitmap getRoundedCornerBitmap(Bitmap bitmap, intpixels) {
- Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap
- .getHeight(), Config.ARGB_8888);
- Canvas canvas = new Canvas(output);
- finalint color = 0xff424242;
- final Paint paint = new Paint();
-
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
- final RectF rectF = new RectF(rect);
- finalfloat roundPx = pixels; //圓角
- paint.setAntiAlias(true);
- canvas.drawARGB(0, 0, 0, 0);
- paint.setColor(color);
-
canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
- paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); //Mode.SRC_IN 用前面畫的“圓角矩形”對bitmap進行裁剪。
- canvas.drawBitmap(bitmap, rect, rect, paint);
- return output;
- }
大概思路：從記憶體中建立一張同樣大小的點陣圖output，並使用canvas技術對圖片進行裁剪並繪製的output中。
疑點集合：為啥採用0xff424242？
優點：使用簡單。
缺點：方法棧記憶體消耗大，在方法消耗多1倍原有的bitmap記憶體且效能低下，在圖片較大時有OOM的可能。 不適應ImageView，無法與ImageView的scaleType很好的工作，尤其是圖片較小的情況下，圓角效果將破壞整個影象的呈現。
圓角方案二： PortrDuffXfermode ImageView
覆蓋ImageView的onDraw方法。- @Override
- protectedvoid onDraw(Canvas canvas) {
- Drawable maiDrawable = getDrawable();
- float mCornerRadius = 6 * getContext().getResources().getDisplayMetrics().density; //圓角半徑
- if (maiDrawable instanceof BitmapDrawable && mCornerRadius > 0) {
- Paint paint = ((BitmapDrawable) maiDrawable).getPaint();
- finalint color = 0xff000000;
- final RectF rectF = new RectF(0, 0, getWidth(), getHeight());
- int saveCount = canvas.saveLayer(rectF, null, Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG | Canvas.FULL_COLOR_LAYER_SAVE_FLAG
- | Canvas.CLIP_TO_LAYER_SAVE_FLAG);
- paint.setAntiAlias(true);
- canvas.drawARGB(0, 0, 0, 0);
- paint.setColor(color);
- canvas.drawRoundRect(rectF, mCornerRadius, mCornerRadius, paint);
- Xfermode oldMode = paint.getXfermode();
- paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
- super.onDraw(canvas);
- paint.setXfermode(oldMode);
- canvas.restoreToCount(saveCount);
- } else {
- super.onDraw(canvas);
- }
- }
大概思路：ImageView會將src圖片最終轉化位一個drawable，通過getDrawable()獲取該drawable，並獲取其畫筆。通過saveLayer。我們可以建立一個新圖層，並在上面繪製。 對畫筆使用PorterDuffXfermode。從而將圓角效果繪製出來。
優點：與前者相比，能很好的相容ImageView的scaleType。
缺點：執行速度較為緩慢，由於onDraw執行在ui執行緒，PorterDuffXfermode是採用SRC_IN的方式進行影象裁剪，這種裁剪方式的速度具體檢視像大小質量而視，使用不當容易Anr。
(ps: 個人猜測，PorterDuffXfermode採用逐個位元組處理的方式執行，想想如果影象越大，位元組數量越多，那花費時間勢必超過5秒。)
圓角方案三：使用Path進行圓角邊緣化
繼承ImageView增加以下方法。- @TargetApi(11)
- privatevoid init() {
- setLayerType(View.LAYER_TYPE_SOFTWARE, null);
- this.mMaskPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
- }
- privatevoid generateMaskPath(int width, int height) {
- this.mMaskPath = new Path();
- this.mMaskPath.addRoundRect(new RectF(0.0F, 0.0F, width, height), this.mCornerRadius, this.mCornerRadius, Path.Direction.CW);
- this.mMaskPath.setFillType(Path.FillType.INVERSE_WINDING);
- }
- @Override
- protectedvoid onSizeChanged(int w, int h, int oldw, int oldh) {
- super.onSizeChanged(w, h, oldw, oldh);
- if ((w != oldw) || (h != oldh))
- generateMaskPath(w, h);
- }
- protectedvoid onDraw(Canvas canvas) {
- // 儲存當前layer的透明橡樹到離屏緩衝區。並新建立一個透明度為255的新layer
- int saveCount = canvas.saveLayerAlpha(0.0F, 0.0F, canvas.getWidth(), canvas.getHeight(),
- 255, Canvas.HAS_ALPHA_LAYER_SAVE_FLAG);
- super.onDraw(canvas);
- if (this.mMaskPath != null) {
- canvas.drawPath(this.mMaskPath, this.mMaskPaint);
- }
- canvas.restoreToCount(saveCount);
- }
大概思路：建立以“圓角矩形”為結構的Path，並利用Path.FillType.INVERSE_WINDING反選“圓角矩形區域”。從而達到圓角邊緣化的效果。
優點：與前者相比，由於不需要對ImageView的圖片進行位元組操作，所以速度快許多，而且在動畫表現上十分平滑。
缺點：暫無。