Android实现圆形头像

最新推荐文章于 2023-06-09 14:52:53 发布
最新推荐文章于 2023-06-09 14:52:53 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： Android 文章标签： android java apache
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34681580/article/details/122985286
版权

ClipPath

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

import androidx.annotation.Nullable;
import androidx.appcompat.widget.AppCompatImageView;


public class ClipPathCircleView extends AppCompatImageView {

    private Paint mPaint;
    private int mRadius;// 圆形图片的半径

    private Path mPath;
    private RectF mRect;
    private Bitmap mBitmap;


    public ClipPathCircleView(Context context) {
        super(context);
        init();
    }

    public ClipPathCircleView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public ClipPathCircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }


    private void init(){
        mPaint = new Paint();
        mPaint.setDither(true);
        mPaint.setAntiAlias(true);

        mPath = new Path();
        mRect = new RectF();
        mBitmap = drawableToBitmap(getDrawable());
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int size = Math.min(getMeasuredWidth(),getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size,size);
    }

    //canvas.save();
    //Path path = new Path();
    //path.addCircle(300, 300, 200, Path.Direction.CCW); // 画一个圆形的path
    //canvas.clipPath(path); // 裁剪画布的区域为圆形
    //RectF rectF = new RectF(100, 100, 500, 500);
    //canvas.drawBitmap(photo, null, rectF, paint); // 在区域之外的部分不会被渲染出来
    //canvas.restore();
    @Override
    protected void onDraw(Canvas canvas) {
        // 注意如果这行不注释调，ImageView会把原图画在底部
        //super.onDraw(canvas);
        mRect.set(0,0,mRadius*2,mRadius*2);
        mBitmap = thumbImageWithMatrix(mRadius*2,mRadius*2,mBitmap);

        mPath.addCircle(mRadius,mRadius,mRadius, Path.Direction.CCW);// 逆时针
        canvas.clipPath(mPath);
        // 第一个rect是要画图片的哪个区域，第一个rect是画到哪里
        canvas.drawBitmap(mBitmap,null,mRect,mPaint);

    }

    //写一个drawble转BitMap的方法
    private Bitmap drawableToBitmap(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;
    }



    // https://www.jianshu.com/p/abcfa74c967b
    /**
     * 此方法对图片进行缩小，无法放大
     * @param targetWidth
     * @param targetHeight
     * @return
     */
    private Bitmap zoomBitmap(int targetWidth,int targetHeight, int bitmapRes){
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeResource(getResources(),bitmapRes,options);
        float scaleW = options.outWidth / (targetWidth*1f);
        float scaleH = options.outHeight / (targetHeight*1f);
        int size = (int)Math.max(scaleW,scaleH);
        if (size <= 1){
            options.inSampleSize = 1;
        }else {
            options.inSampleSize = size;
        }
        options.inJustDecodeBounds = false;
        return BitmapFactory.decodeResource(getResources(),bitmapRes,options);
    }

    private Bitmap zoomBitmapV1(int targetWidth,int targetHeight, int bitmapRes){
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeResource(getResources(), bitmapRes, options);
        options.inJustDecodeBounds = false;
        //设置位图的屏幕密度,即每英寸有多少个像素
        options.inDensity = options.outWidth;
        //设置位图被画出来时的目标像素密度
        //与options.inDensity配合使用,可对图片进行缩放
        options.inTargetDensity = targetWidth;
        return BitmapFactory.decodeResource(getResources(),bitmapRes,options);
    }

    /**
     * 对图片进行缩放
     * 图片始终都会被加载到内存中，注意OOM
     * @param destWidth
     * @param destHeight
     * @param bitmapOrg
     * @return
     */
    public Bitmap thumbImageWithMatrix(float destWidth, float destHeight,Bitmap bitmapOrg) {
        float bitmapOrgW = bitmapOrg.getWidth();
        float bitmapOrgH = bitmapOrg.getHeight();

        float bitmapNewW = (int) destWidth;
        float bitmapNewH = (int) destHeight;

        Matrix matrix = new Matrix();
        matrix.postScale(bitmapNewW / bitmapOrgW, bitmapNewH / bitmapOrgH);
        Bitmap destBitmap = Bitmap.createBitmap(bitmapOrg, 0, 0, (int) bitmapOrgW, (int) bitmapOrgH, matrix, true);
        //bitmapOrg.recycle();
        return destBitmap;
    }

}

BitmapShader

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.widget.AppCompatImageView;


public class BitmapShaderCircleView extends AppCompatImageView {

    private Paint mPaint;
    private int mRadius;// 圆形图片的半径


    public BitmapShaderCircleView(@NonNull Context context) {
        super(context);
        init();
    }

    public BitmapShaderCircleView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public BitmapShaderCircleView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init(){
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //因为是圆形图片，所以应该让宽高保持一致
        int size = Math.min(getMeasuredWidth(),getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size,size);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        Bitmap bitmap = drawableToBitmap(getDrawable());
        //初始化BitmapShader，传入bitmap对象
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        //计算图片的缩放比例
        float mScale = (mRadius * 2.0f) / Math.min(bitmap.getHeight(), bitmap.getWidth());
        Matrix matrix = new Matrix();
        matrix.setScale(mScale, mScale);
        bitmapShader.setLocalMatrix(matrix);

        mPaint.setShader(bitmapShader);

        //画圆形，指定好中心点坐标、半径、画笔
        canvas.drawCircle(mRadius, mRadius, mRadius, mPaint);
    }

    //写一个drawble转BitMap的方法
    private Bitmap drawableToBitmap(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;
    }

}

Xfermode

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Xfermode;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.widget.AppCompatImageView;


public class PorterDuffXfermodeCircleView extends AppCompatImageView {

    private Paint mPaint;
    private int mRadius;// 圆形图片的半径
    private Xfermode mPorterDuffXfermode; // 图像混合模式

    public PorterDuffXfermodeCircleView(@NonNull Context context) {
        super(context);
        init();
    }

    public PorterDuffXfermodeCircleView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public PorterDuffXfermodeCircleView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init(){
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setDither(true);
        //绘制两层，先绘制形状(DST)，再绘制图片(SRC)，然后根据Xfermode来去计算两个图层的关系(SRC_IN：显示的区域是二者交集部分的SRC)。
        mPorterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //因为是圆形图片，所以应该让宽高保持一致
        int size = Math.min(getMeasuredWidth(),getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size,size);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //获取sourceBitmap，即通过xml或者java设置进来的图片
        Drawable drawable = getDrawable();
        if (drawable == null) return;

        Bitmap sourceBitmap = ((BitmapDrawable)getDrawable()).getBitmap();
        if (sourceBitmap != null){
            //对图片进行缩放，以适应控件的大小
            Bitmap bitmap = resizeBitmap(sourceBitmap,getWidth(),getHeight());
            drawCircleBitmapByXfermode(canvas,bitmap);    //(1)利用PorterDuffXfermode实现
        }
    }

    private Bitmap resizeBitmap(Bitmap sourceBitmap,int dstWidth,int dstHeight){
        int width = sourceBitmap.getWidth();
        int height = sourceBitmap.getHeight();

        float widthScale = ((float)dstWidth) / width;
        float heightScale = ((float)dstHeight) / height;

        //取最大缩放比
        float scale = Math.max(widthScale,heightScale);
        Matrix matrix = new Matrix();
        matrix.postScale(scale,scale);

        return Bitmap.createBitmap(sourceBitmap,0,0,width,height,matrix,true);
    }

    //相同点
    //saveLayer可以实现save所能实现的功能
    //不同点
    //1，saveLaye生成一个独立的图层而save只是保存了一下当时画布的状态类似于一个还原点（本来就是）。
    //2，saveLaye因为多了一个图层的原因更加耗费内存慎用。
    //3，saveLaye可指定保存相应区域，尽量避免2中所指的情况。
    //4，在使用混合模式setXfermode时会产生不同的影响。

    //https://blog.csdn.net/lijiuche/article/details/53467844
    //https://blog.csdn.net/qq_24000367/article/details/120796261
    // https://blog.csdn.net/u010852160/article/details/72918551
    private void drawCircleBitmapByXfermode(Canvas canvas,Bitmap bitmap){
        final int sc = canvas.saveLayer(0,0,getWidth(),getHeight(),null,Canvas.ALL_SAVE_FLAG);
        //canvas.save();这里不能使用
        //绘制dst层
        canvas.drawCircle(mRadius,mRadius,mRadius,mPaint);
        //设置图层混合模式为SRC_IN
        mPaint.setXfermode(mPorterDuffXfermode);
        //绘制src层
        canvas.drawBitmap(bitmap,0,0,mPaint);
        //canvas.restore();
        canvas.restoreToCount(sc);
    }
}

参考文章
Android圆形图片不求人，自定义View实现（BitmapShader使用）
android圆形图片效果
Android 实现圆角/圆形图片的几种方式
Android绘制圆形图片的3个方法
浅谈Android实现圆形头像效果的几种思路和方法

wings专栏
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 圆形头像剪切（studio版）
07-15
从网上看了许多关于头像剪切的资料，通过整理、测试、修复bug，编写了一个头像剪切demo，大家可以借鉴一下。
Android 实现圆形图片的几种方法
qq_35356306的博客
02-18 708
第一种：Android的样式设置            ImageView中在设置图片时有src属性或者background属性，这两种属性都可以调用android中的drawable资源，因此在drawable这种创建一个根标签为shape的文件就可以设置成为圆形图片；          1、 下面是一个例子：       xmlns:android="http://schemas.an
Android开发实现圆形头像
最新发布
西凉的悲伤博客
06-09 779
【代码】Android开发实现圆形头像。
Android实战开发--制作圆形头像（简易篇）
yunyanchengyu114的博客
01-14 4481
圆形头像的制作方法有很多种，除了去导入别人写好的库，总的来说都很麻烦。特此，有了以下快速制作头像的方法，超级简单易学。还可以制作成边形的图片哦~ 话不多说，教学开始……
Android中图片圆形设置三种方法介绍
热门推荐
MG_ZXC的专栏
03-26 2万+
Android开发中经常会用到圆形图片，比如在用户头像设置，现在提供三种主要实现方式： 方案一：使用第三方图像框架 Fresco 1、添加依赖 dependencies { compile 'com.facebook.fresco:fresco:0.14.1' } 2、初始化 public class MyApplication extends Applicati...
Android开发中经常会用到圆形图片，比如在用户头像设置，现在提供三种主要实现方式：
ZJQ990909的博客
07-10 388
Android开发中经常会用到圆形图片，比如在用户头像设置，现在提供三种主要实现方式：
Android学习笔记--自定义圆形头像简单实现
weixin_40340362的博客
11-10 301
实现圆形头像功能的方法有很多，可以使用别人的开源，也可以自定义一个，而且挺简单的。 1. Glide实现圆形图像 Glide.with(mContext) .load(R.drawable.iv_image_header) .error(R.drawable.ic_error_default) .transform(new G
android studio自定义边框,Android Studio实现带边框的圆形头像
weixin_42533243的博客
05-25 362
本文实例为大家分享了Android Studio实现带边框的圆形头像的具体代码，供大家参考，具体内容如下效果显示：(没有边框的)(有边框的)1、创建自定义ImagView控件(1)、没有边框的package chenglong.activitytest.pengintohospital.utils;import android.content.Context;import android.grap...
Android圆形头像的绘制(二)之自定义视图
DylanZhuang的博客
07-02 948
一般在项目中，我们用到的圆形头像都是采用自定义视图的方式，这种圆形头像一般分为普通的圆形头像、带边框的圆形图像、随机背景头像，在上一篇Android圆形图像的绘制(一)中，提到了圆形头像绘制的基本方法，这遍文章主要是用到上篇文章中SRC_IN这个方法，下面看一下效果图。 首先，创建一个类CircleImageView，让它继承ImageView,代码如下： public class
Android 实现圆形头像
01-07
Android 实现圆形头像 ，可以直接用的哦
Android利用CircleImageView实现圆形头像的方法
09-01
主要介绍了Android利用CircleImageView实现圆形头像的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android实现带圆环的圆形头像
08-24
主要为大家详细介绍了Android实现带圆环的圆形头像，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 圆形头像实现
04-12
实现应用中常常出现的圆形头像，不是利用图片遮盖的方法。设计成圆的会使整个界面布局变的优雅漂亮。
Android Studio实现带边框的圆形头像
08-29
主要为大家详细介绍了Android Studio实现带边框的圆形头像，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android获取View宽高的常见方式
ruanyandong的博客
02-01 1万+
背景 有时我们会有基于这样的需求，当Activity创建时，调用View.getWidth、View.getHeight()、View.getMeasuredWidth() 、View.getgetMeasuredHeight()来获得某个view的宽度或高度，然后进行相应的操作，但是我们在onCreate()、onStart()、onResume()中获取View的大小，获取到的值都是0，这是应为当前activity所代表的界面还没显示出来没有添加到WindowPhone的DecorView上或要获取的v
Android Bitmap 全面详解
ruanyandong的博客
11-04 6945
每一个 Android App 中都会使用到 Bitmap，它也是程序中内存消耗的大户，当 Bitmap 使用内存超过可用空间，则会报 OOM。 因此如何正确使用也是 Android 工程师的重点关注内容。 Bitmap 占用内存分析 Bitmap 用来描述一张图片的长、宽、颜色等信息。通常情况下，我们可以使用 BitmapFactory 来将某一路径下的图片解析为 Bitmap 对象。 当一张图片加载到内存后，具体需要占用多大内存呢？ getAllocationByteCount 探索 我们可以通过 Bi
RecyclerView状态异常Cannot call this method while RecyclerView is computing a layout or scrolling
ruanyandong的博客
10-08 5509
Cannot call this method while RecyclerView is computing a layout or scrolling
Android Https的详解
ruanyandong的博客
09-20 3930
Https的通信过程 两种加密 加密方式分两种，对称加密和非对称加密。这两种方式都有自己的优劣势， https中这两种方式都采用了。 我们约定S是服务端，C是客户端，客户端需要从服务端获取信息； 对称加密 这种加密方式比较简单，就是双方都持有密匙。S和C都持有密匙， S通过密匙加密明文传递给C，C获取加密后的信息，用密匙解密信息。 优势: 加密速度快 劣势: 密匙的传递是个问题，容易被截取，密匙一旦被截取后， 就能轻易破解信息。 常见的对称加密算法有DES、3DES、TDEA、Blowfish、RC5
数据埋点统计页面使用时长
ruanyandong的博客
03-09 3364
Android应用中的页面，也就Activity,Fragment两种。对于Activity，系统了全局的生命周期监听的方法，只需要在onResume中记录页面显示时的时间，在onPause中计算显示的时长，在onDestroy中将停留时长事件添加到数据库即可： application.registerActivityLifecycleCallbacks(new Application.Activ...
Android studio中实现圆形头像
04-02
在Android Studio中实现圆形头像的方法有以下几种： 1. 使用ImageView的圆形裁剪功能 在布局文件中添加一个ImageView，并设置其src属性为头像图片，然后设置其scaleType为centerCrop，最后使用android:background...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值