本篇文章給大家分享的是有關Android中怎么對圖片進行圓角處理,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
方法一:setXfermode法
此種方式就是再new一個相同尺寸的bitmap,然后使用paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));先畫圓角矩形,再畫原始bitmap,然后就得到了一個圓角的bitmap了。
public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, float roundPx) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);
final int color = 0xff424242;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF rectF = new RectF(rect);
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));
canvas.drawBitmap(bitmap, rect, rect, paint);
return output;
}點評:
早期用得較多,占用bitmap雙倍內存。
方法二:使用BitmapShader
此種方式是先將bitmap生成BitmapShader,然后將其繪制到canvas中, 部分關鍵代碼如下,完整代碼請參考QuickAF中的RoundImageView
bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
paint.setShader(bitmapShader);
@Override
public void draw(Canvas canvas) {
Rect bounds = getBounds();
canvas.drawRoundRect(fillRect, radius, radius, paint);
if (mBorderWidth > 0) {
if (mIsCircle) {
canvas.drawCircle(bounds.width() / 2, bounds.height() / 2, radius, strokePaint);
}
else {
canvas.drawRoundRect(fillRect, radius, radius, strokePaint);
}
}
}點評:
占用內存較大,實現有點小復雜。
方法三:圖片加載庫
目前github上有許多流行的圖片加載庫,基于上都附帶圓角圖片功能,只需要稍微配置一下,即可輕松的實現想要的效果。其實在底層,無非也是使用上面的兩種方式。比如Android-Universal-Image-Loader 早期的RoundedBitmapDisplayer使用setXfermode來實現,后來使用BitmapShader實現。
DisplayImageOptions options = new DisplayImageOptions.Builder()
.displayer(new RoundedBitmapDisplayer()) // display rounded bitmap
.build();再以比較另類的fresco為例,雖然底層是以C實現,不過在圓角處理上,仍然還是在Java層實現,用的方式還是BitmapShader。不過對于非bitmap的圓角實現,fresco是用Paint直接畫的。附上fresco配置。
<com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view" android:layout_width="20dp" android:layout_height="20dp" fresco:fadeDuration="300" fresco:actualImageScaleType="focusCrop" fresco:placeholderImage="@color/wait_color" fresco:placeholderImageScaleType="fitCenter" fresco:failureImage="@drawable/error" fresco:failureImageScaleType="centerInside" fresco:retryImage="@drawable/retrying" fresco:retryImageScaleType="centerCrop" fresco:progressBarImage="@drawable/progress_bar" fresco:progressBarImageScaleType="centerInside" fresco:progressBarAutoRotateInterval="1000" fresco:backgroundImage="@color/blue" fresco:overlayImage="@drawable/watermark" fresco:pressedStateOverlayImage="@color/red" fresco:roundAsCircle="false" fresco:roundedCornerRadius="1dp" fresco:roundTopLeft="true" fresco:roundTopRight="false" fresco:roundBottomLeft="false" fresco:roundBottomRight="true" fresco:roundWithOverlayColor="@color/corner_color" fresco:roundingBorderWidth="2dp" fresco:roundingBorderColor="@color/border_color" />
點評:
由框架實現,使用簡單,穩定。
方法四:遮罩
此種方式還是使用setXfermode,不過與方法一不同的是:不對圖片作任何更改,只在圓角之外再畫一層與背景顏色相同的四個角來遮擋,在視覺上造成圓角圖片的效果。關鍵代碼如下:
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (src != null && dst != null) {
int w = getMeasuredWidth(), h = getMeasuredHeight();
int sc = canvas.saveLayer(0, 0, w, h, 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);
canvas.drawBitmap(dst, 0, 0, paint); // 圓角矩形
paint.setXfermode(mode); // new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT);
canvas.drawBitmap(src, 0, 0, paint); // 長方形
paint.setXfermode(null);
canvas.restoreToCount(sc);
}
}詳細代碼請參考QuickAF中的RoundMaskView
使用這種方式,圓角化的對象不限于ImageView,還可以是任意的layout哦,比如下面的示例
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_width="match_parent"
android:layout_height="150dp"
android:src="@color/colorAccent"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:background="@color/black_alpha_50"
android:padding="12dp"
android:text="I am text"/>
</LinearLayout>
<cn.ieclipse.af.view.RoundMaskView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:radius="10dp"
app:af_borderColor="@color/white"
app:af_borderWidth="1dp"/>
</FrameLayout>配合FrameLayout,將LinearLayout實現了圓角,在視覺效果上,ImageView左上和右上圓角,TextView左下和右下圓角。
點評:
具有一定的局限性,不過不限于圖片,所有的Layout都可以在視覺上實現圓角。
以上就是Android中怎么對圖片進行圓角處理,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。