<!--頭像--><RelativeLayoutandroid:id="@+id/ll_petInfo"android:layout_width="50dp"android:layout_height="50dp"android:layout_marginBottom="10dp"android:layout_marginTop="1dp"android:gravity="center"android:layout_centerHorizontal="true"android:background="@drawable/f01_pet_white"android:orientation="horizontal"><ImageViewandroid:layout_width="43dp"android:layout_height="43dp"android:layout_centerInParent="true"android:padding="2dp"android:src="@drawable/badge_f01_bg"/><com.dogness.platform.feeder.widget.CircularImageViewandroid:id="@+id/iv_pet_logo"android:layout_width="43dp"android:layout_height="43dp"android:layout_centerInParent="true"android:src="@drawable/ic_pet_logo" /></RelativeLayout>

?

四種實(shí)現(xiàn)方法效果：

方法1：

1、添加依賴

implementation 'com.github.bumptech.glide:glide:4.6.1'

2、創(chuàng)建工具類

/*** 加載圓形頭像帶白色邊框*/ public class GlideCircleWithBorder extends BitmapTransformation {private Paint mBorderPaint;private float mBorderWidth;public GlideCircleWithBorder(Context context) {super(context);}public GlideCircleWithBorder(Context context, int borderWidth, int borderColor) {super(context);mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;mBorderPaint = new Paint();mBorderPaint.setDither(true);mBorderPaint.setAntiAlias(true);mBorderPaint.setColor(borderColor);mBorderPaint.setStyle(Paint.Style.STROKE);mBorderPaint.setStrokeWidth(mBorderWidth);}protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {return circleCrop(pool, toTransform);}private Bitmap circleCrop(BitmapPool pool, Bitmap source) {if (source == null) {return null;}int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));int x = (source.getWidth() - size) / 2;int y = (source.getHeight() - size) / 2;Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);if (result == null) {result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);}//創(chuàng)建畫筆 畫布 手動(dòng)描繪邊框Canvas canvas = new Canvas(result);Paint paint = new Paint();paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));paint.setAntiAlias(true);float r = size / 2f;canvas.drawCircle(r, r, r, paint);if (mBorderPaint != null) {float borderRadius = r - mBorderWidth / 2;canvas.drawCircle(r, r, borderRadius, mBorderPaint);}return result;}@Overridepublic void updateDiskCacheKey(MessageDigest messageDigest) {} }

3、glide加載圖片：

String ssss ="http://h.hiphotos.baidu.com/image/pic/item/728da9773912b31b8f9045408b18367adbb4e1df.jpg"; Glide.with(this).load(ssss).apply(new RequestOptions().error(this.getResources().getDrawable(R.mipmap.ic_launcher)).placeholder(R.mipmap.ic_launcher).centerCrop().diskCacheStrategy(DiskCacheStrategy.ALL).transform(new GlideCircleWithBorder(this, 3, Color.parseColor("#FF4081")))).into(imageView);

方法2：

1、添加依賴

implementation 'com.github.SheHuan:NiceImageView:1.0.5'

附：這個(gè)依賴，必須在build.gradle中的repositories標(biāo)簽下添加maven

allprojects {repositories {google()jcenter()maven {url'https://jitpack.io'}} }

2、使用在layout.xml文件中調(diào)用com.shehuan.niv.NiceImageView

<!--中間的圓形的專輯圖片--> <com.shehuan.niv.NiceImageViewandroid:id="@+id/music_image"android:layout_width="160dp"android:layout_height="160dp"app:border_color="@color/white"app:border_width="4dp"android:src="@mipmap/ic_launcher"app:is_circle="true"/>

附：is_circle為true是圓形。否則是正方形

方法3：

1、自定義imageview——BitmapShaderCircularView

@SuppressLint("AppCompatCustomView") public class BitmapShaderCircularView extends ImageView {private Paint paint;private int radius; //圓形頭像的半徑private float mScale;private int pathWidth;//繪制軌跡線條寬度private int shadeColor;//遮罩顏色，argbpublic BitmapShaderCircularView(Context context) {super(context);}public BitmapShaderCircularView(Context context, AttributeSet attrs) {super(context, attrs);}public BitmapShaderCircularView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);//首先在view調(diào)用測量的時(shí)候，我們根據(jù)寬高取得一個(gè)正方形//并初始化半徑int minTarget = Math.min(getMeasuredWidth(), getMeasuredHeight());radius = minTarget / 2;//重新設(shè)置寬高setMeasuredDimension(minTarget, minTarget);}@Overrideprotected void onDraw(Canvas canvas) {paint = new Paint();Bitmap bitmap = drawable2Bitmap(getDrawable());if (bitmap == null){return;}//構(gòu)建BitmapShader對(duì)象，設(shè)置為CLAMP模式，當(dāng)所畫圖形的尺寸小于bitmap尺寸的時(shí)候，會(huì)對(duì)bitmap進(jìn)行裁剪BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);//我們要對(duì)bitmap進(jìn)行縮放處理//radius * 2為寬高，再取bitmap的寬高中值小的進(jìn)行相除，取得bitmap縮放比例mScale = (radius * 2.0f) / Math.min(bitmap.getWidth(), bitmap.getHeight()); // Log.i("lgq","tp-----"+bitmap.getWidth()+"........"+bitmap.getHeight());//設(shè)置矩陣，針對(duì)bitmap作縮放處理Matrix matrix = new Matrix();matrix.setScale(mScale, mScale);bitmapShader.setLocalMatrix(matrix);paint.setShader(bitmapShader);paint.setFlags(Paint.ANTI_ALIAS_FLAG);//這里開始畫一個(gè)圓形，并對(duì)paint設(shè)置的BitmapShader中的bitmap進(jìn)行裁剪處理canvas.drawCircle(radius, radius, radius, paint);// 得到自定義視圖的高度int viewHeight;// 得到自定義視圖的寬度int viewWidth;// 得到自定義視圖的X軸中心點(diǎn)int viewCenterX;// 得到自定義視圖的Y軸中心點(diǎn)int viewCenterY;viewHeight = getMeasuredHeight();viewWidth = getMeasuredWidth();viewCenterX = viewWidth / 2;viewCenterY = viewHeight / 2;Paint mPaint = new Paint();mPaint.setColor(getResources().getColor(R.color.green));//14549BmPaint.setStrokeWidth(10);mPaint.setAntiAlias(true);mPaint.setFlags(Paint.ANTI_ALIAS_FLAG);mPaint.setStyle(Paint.Style.STROKE);RectF rectF = new RectF();rectF.left = viewCenterX - radius+5;rectF.top = viewCenterY - radius+5;rectF.right = viewCenterX + radius-5;rectF.bottom = viewCenterY + radius-5;canvas.drawArc(rectF, 0, 360, false, mPaint);//畫邊框// canvas.drawPath(path, mPaint);}public static Bitmap drawable2Bitmap(Drawable drawable) {if (drawable instanceof BitmapDrawable) {BitmapDrawable bd = (BitmapDrawable) drawable;return bd.getBitmap();}int w = drawable.getIntrinsicWidth();int h = drawable.getIntrinsicHeight();Bitmap bitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);drawable.setBounds(0, 0, w, h);drawable.draw(canvas);return bitmap;}}

2、調(diào)用自定義imageview即可

<com.example.myapplication11.BitmapShaderCircularViewandroid:id="@+id/mmi"android:layout_width="150dp"android:layout_height="150dp"android:src="@mipmap/ic_launcher" />

方法4：

1、添加依賴

compile 'com.facebook.fresco:fresco:1.5.0'

2、實(shí)例化

Fresco.initialize(this); setContentView(R.layout.activity_main);

3、開始調(diào)用

<com.facebook.drawee.view.SimpleDraweeViewandroid:id="@+id/sdv_surface"android:layout_width="110dp"android:layout_height="110dp"app:failureImageScaleType="centerInside"app:placeholderImageScaleType="fitCenter"app:progressBarAutoRotateInterval="1000"app:progressBarImageScaleType="centerInside"app:retryImageScaleType="centerInside"app:roundedCornerRadius="30dp"app:roundingBorderWidth="2dp"app:roundingBorderColor="@color/white"app:fadeDuration="1000"app:pressedStateOverlayImage="@color/colorPrimary"android:src="@mipmap/ic_launcher"app:roundAsCircle="true"/>

4、加載網(wǎng)絡(luò)圖片

SimpleDraweeView draweeView;draweeView = findViewById(R.id.sdv_surface);String imageUrl = "http://h.hiphotos.baidu.com/image/pic/item/728da9773912b31b8f9045408b18367adbb4e1df.jpg"; //加載圖片draweeView.setImageURI(imageUrl);

總結(jié)

以上是生活随笔為你收集整理的android 圆形头像，自定义圆形ImageView的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。