Android 圆形头像的两种实现方式(2)

//将准备好的bitmap绘制出来

canvas.drawBitmap(bitmap, 0, 0, null);

//bitmap缓存起来,避免每次调用onDraw,分配内存

mWeakBitmap = new WeakReference(bitmap);

}

}

//如果bitmap还存在,则直接绘制即可

if (bitmap != null)

{

mPaint.setXfermode(null);

canvas.drawBitmap(bitmap, 0.0f, 0.0f, mPaint);

return;

}

}

/**

  • 绘制形状

  • @return

*/

public Bitmap getBitmap()

{

Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(),

Bitmap.Config.ARGB_8888);

Canvas canvas = new Canvas(bitmap);

Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

paint.setColor(Color.BLACK);

if (type == TYPE_ROUND)

{

canvas.drawRoundRect(new RectF(0, 0, getWidth(), getHeight()),

mBorderRadius, mBorderRadius, paint);

} else

{

canvas.drawCircle(getWidth() / 2, getWidth() / 2, getWidth() / 2,

paint);

}

return bitmap;

}

以上代码来自鸿洋大神的博客 Android Xfermode 实战实现圆形、圆角图片


第二种方法: 使用 BitmapShader 实现


Shader used to draw a bitmap as a texture.

官方文档说的很清楚了:BitmapShader的作用是使用特定的图片来作为纹理来使用。

BitmapShader 的构造函数

public BitmapShader(@NonNull Bitmap bitmap, TileMode tileX, TileMode tileY)

三个参数:

  • bitmap 指的是要作为纹理的图片,

  • tileX 指的是在x方向纹理的绘制模式,

  • tileY 指的是Y方向上的绘制模式。

TileMode 源码:

public enum TileMode {

/**

  • replicate the edge color if the shader draws outside of its

  • original bounds

*/

CLAMP (0),

/**

  • repeat the shader’s image horizontally and vertically

*/

REPEAT (1),

/**

  • repeat the shader’s image horizontally and vertically, alternating

  • mirror images so that adjacent images always seam

*/

MIRROR (2);

TileMode(int nativeInt) {

this.nativeInt = nativeInt;

}

final int nativeInt;

}

TileMode 是一个枚举类型,有3个可能的值:

  • CLMP 如果需要填充的内容大小超过了bitmap size 就选bitmap 边界的颜色进行扩展

  • REPEAT重复,不断的重复bitmap去填满,如果绘制的区域大于纹理图片的话,纹理图片会在这片区域不断重复

  • MIRROR镜像的去填满。如果绘制的区域大于纹理图片的话,纹理图片会以镜像的形式重复出现

BitmapShader 实战 实现圆形、圆角图片 核心思路

  • 取出 bitmap

  • 用 BitmapShader 去装饰 bitmap,并设置给画笔

  • 在 onDraw 方法中,调用 canvas 的 draw 方法绘制

伪代码实现思路

//创建

BitmapShader shader=new BitmapShader(bitmap,TileMode.CLAMP,TileMode.CLAMP);

Paint paint=new Paint();

//为paint 设置 Shader

paint.setShader(shader);

//这样就可以使用shader的纹理去覆盖绘制的图形的表面了,其中根据:CLAMP,REPEAT,MIRROR,

//来确定纹理的绘制模式

canvas.draw**(***,paint);

核心代码实心思路

@Override

protected void onDraw(Canvas canvas)

{

if (getDrawable() == null)

{

return;

}

setUpShader();

if (type == TYPE_ROUND)

{

canvas.drawRoundRect(mRoundRect, mBorderRadius, mBorderRadius,

mBitmapPaint);

} else

{

canvas.drawCircle(mRadius, mRadius, mRadius, mBitmapPaint);

// drawSomeThing(canvas);

}

}

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh)

{

super.onSizeChanged(w, h, oldw, oldh);

// 圆角图片的范围

if (type == TYPE_ROUND)

mRoundRect = new RectF(0, 0, getWidth(), getHeight());

}

/**

  • 初始化BitmapShader

*/

private void setUpShader()

{

Drawable drawable = getDrawable();

if (drawable == null)

{

return;

}

Bitmap bmp = drawableToBitamp(drawable);

// 将bmp作为着色器,就是在指定区域内绘制bmp

mBitmapShader = new BitmapShader(bmp, TileMode.CLAMP, TileMode.CLAMP);

float scale = 1.0f;

if (type == TYPE_CIRCLE)

{

// 拿到bitmap宽或高的小值

int bSize = Math.min(bmp.getWidth(), bmp.getHeight());

scale = mWidth * 1.0f / bSize;

} else if (type == TYPE_ROUND)

{

// 如果图片的宽或者高与view的宽高不匹配,计算出需要缩放的比例;缩放后的图片的宽高,一定要大于我们view的宽高;所以我们这里取大值;

scale = Math.max(getWidth() * 1.0f / bmp.getWidth(), getHeight()

  • 1.0f / bmp.getHeight());

}

// shader的变换矩阵,我们这里主要用于放大或者缩小

mMatrix.setScale(scale, scale);

// 设置变换矩阵

mBitmapShader.setLocalMatrix(mMatrix);

// 设置shader

mBitmapPaint.setShader(mBitmapShader);

}

以上代码来自鸿洋大神的 Android BitmapShader 实战 实现圆形、圆角图片


参考博客:

Android Xfermode 实战实现圆形、圆角图片

Android BitmapShader 实战 实现圆形、圆角图片
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

如何成为Android高级架构师!

架构师必须具备抽象思维和分析的能力,这是你进行系统分析和系统分解的基本素质。只有具备这样的能力,架构师才能看清系统的整体,掌控全局,这也是架构师大局观的形成基础。 你如何具备这种能力呢?一是来自于经验,二是来自于学习。

架构师不仅要具备在问题领域上的经验,也需要具备在软件工程领域内的经验。也就是说,架构师必须能够准确得理解需求,然后用软件工程的思想,把需求转化和分解成可用计算机语言实现的程度。经验的积累是需要一个时间过程的,这个过程谁也帮不了你,是需要你去经历的。

但是,如果你有意识地去培养,不断吸取前人的经验的话,还是可以缩短这个周期的。这也是我整理架构师进阶此系列的始动力之一。


成为Android架构师必备知识技能

对应导图的学习笔记(由阿里P8大牛手写,我负责整理成PDF笔记)

部分内容展示

《设计思想解读开源框架》

  • 目录
  • 热修复设计
  • 插件化框架设计

    《360°全方面性能优化》
  • 设计思想与代码质量优化
  • 程序性能优化

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

…(img-o7bhEBhs-1713750262916)]

  • 热修复设计
    [外链图片转存中…(img-OMXsZapS-1713750262916)]
  • 插件化框架设计
    [外链图片转存中…(img-WquDEHpj-1713750262917)]
    《360°全方面性能优化》
    [外链图片转存中…(img-rCMqsIWC-1713750262918)]
  • 设计思想与代码质量优化
    [外链图片转存中…(img-LmtrKTw5-1713750262919)]
  • 程序性能优化
    [外链图片转存中…(img-5Tm3Loh9-1713750262919)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 21
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用ImageView控件来显示圆形头像,具体步骤如下: 1. 在布局文件中添加ImageView控件: ```xml <ImageView android:id="@+id/avatar_image_view" android:layout_width="100dp" android:layout_height="100dp" android:background="@drawable/circle_background" android:src="@drawable/avatar" /> ``` 其中,drawable/circle_background是一个圆形的背景,可以在res/drawable目录下创建一个circle_background.xml文件,内容如下: ```xml <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#ffffff" /> </shape> ``` 2. 在代码中设置图片为圆形: ```java ImageView avatarImageView = findViewById(R.id.avatar_image_view); Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.avatar); avatarImageView.setImageBitmap(getCircleBitmap(bitmap)); ``` 其中,getCircleBitmap()方法将图片处理成圆形: ```java private Bitmap getCircleBitmap(Bitmap bitmap) { Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.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()); paint.setAntiAlias(true); canvas.drawARGB(0, 0, 0, 0); paint.setColor(color); canvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2, bitmap.getWidth() / 2, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(bitmap, rect, rect, paint); return output; } ``` 这个方法的作用是创建一个新的Bitmap,然后在其中绘制一个圆形,将原始图片绘制在圆形内部,最终返回处理后的圆形Bitmap。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值