Android中經(jīng)常會遇到對圖片進行二次處理，例如加圓角，或者顯示圓形圖片
從網(wǎng)站建設(shè)到定制行業(yè)解決方案，為提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作服務(wù)體系，各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案，助力業(yè)務(wù)快速發(fā)展。創(chuàng)新互聯(lián)建站將不斷加快創(chuàng)新步伐，提供優(yōu)質(zhì)的建站服務(wù)。
通過第三方框架Glide實現(xiàn)圖片顯示有圓角，有三種寫法如下：
1.1、第一種實現(xiàn)：
1.2、第二種實現(xiàn)：
1.3、第三種實現(xiàn)：
自定義ImageView：
對圖片進行處理，此方法還可以加邊框
實現(xiàn)圓形和邊框：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助!
android 自定義圓角ImageView以及鋸齒的處理
看到很多人開發(fā)過程中要使用圓角圖片時，解決方法有：
1.重新繪制一張圖片
2.通過布局來配置
3.通過重寫View來實現(xiàn)
其中1，2在這里就不講了，重點講講方法三的實現(xiàn)。
實現(xiàn)一：通過截取畫布一個圓形區(qū)域與圖片的相交部分進行繪制，缺點：鋸齒明顯，設(shè)置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);// 設(shè)置畫筆的鋸齒效果。 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());
? canvas.save();
? canvas.setDrawFilter(pdf);
? mPath.reset();
? canvas.clipPath(mPath); // makes the clip empty
? mPath.addCircle(getWidth()/2, getWidth()/2, getHeight()/2, Path.Direction.CCW);
? canvas.clipPath(mPath, Region.Op.REPLACE);
? canvas.drawBitmap(bitmap, null, bitmapRect, paint);
? canvas.restore();
}
}
實現(xiàn)二：通過PorterDuffXfermode 方式（注意要設(shè)置硬件加速，否則部分機子無效），優(yōu)點：鋸齒基本沒有
package com.open.circleimageview.widget;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
public class CircleImageViewB extends View {
public CircleImageViewB(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
public CircleImageViewB(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public CircleImageViewB(Context context) {
super(context);
init();
}
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);// 設(shè)置畫筆的鋸齒效果。 true是去除，大家一看效果就明白了
}
private Bitmap mDstB=null;
private PorterDuffXfermode xfermode=new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY);
private void init()
{
try {
if(android.os.Build.VERSION.SDK_INT=11)
{
setLayerType(LAYER_TYPE_SOFTWARE, null);
}
} catch (Exception e) {
e.printStackTrace();
}
}
public void setImageBitmap(Bitmap bitmap)
{
this.bitmap=bitmap;
}
private Bitmap makeDst(int w, int h)
{
? Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
? Canvas c = new Canvas(bm);
? Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
? p.setColor(Color.parseColor("#ffffffff"));
? c.drawOval(new RectF(0, 0, w, h), p);
? return bm;
}
@Override
protected void onDraw(Canvas canvas) {
if(null==bitmap)
{
return;
}
if(null==mDstB)
{
mDstB=makeDst(getWidth(), getHeight());
}
bitmapRect.set(0, 0, getWidth(), getHeight());
? canvas.save();
? canvas.setDrawFilter(pdf);
? canvas.drawBitmap(mDstB, 0, 0, paint);
? paint.setXfermode(xfermode);
? canvas.drawBitmap(bitmap, null, bitmapRect, paint);
? paint.setXfermode(null);
? canvas.restore();
}
}
??最近在苦練Kotlin，一款不錯的app（開眼）中的布局吸引了我，也在不懈的努力下通過Kotlin語言完成了開眼首頁的RecyclerView多ViewType布局效果，開心！（文末會貼出來）其中用到的圖片處理控件很實用，也在日常的項目中會經(jīng)常用到，因此安利給大家！
??本次就針對Android開發(fā)中的圖片處理給大家安利兩個開源庫：CircleImageView（圓形圖片）+RoundedImageView（圓角圖片）。
Tips： Kotlin實現(xiàn)，寫完整個項目會分享git源碼給大家！
沒錯，這是一個RecyclerView布局實現(xiàn)的～
方法一：使用框架?CircleImageView，這是直接使用圓形/圓角的ImageView
方法二：使用圖片加載框架?Glide，這是使用正常的ImageView，在加載圖片的時候進行圓形/圓角處理。
GlideApp.with(this).load("").circleCrop().into(imageView)
GlideApp.with(this).load("").transform(new?GlideRoundTransform(context,?10)).into(imageView)
可以使用自定義控件顯示圓角效果，或者使用style
設(shè)置shape，最直接的就是直接使用圓角圖片，參考資料:，望采納，謝謝。
重慶分公司
重慶分公司
