2024年安卓最新Android BitmapShader 实战 实现圆形、圆角图片(1),掌握这套精编android高级面试题解析及答案

最后

简历首选内推方式,速度快,效率高啊!然后可以在拉钩,boss,脉脉,大街上看看。简历上写道熟悉什么技术就一定要去熟悉它,不然被问到不会很尴尬!做过什么项目,即使项目体量不大,但也一定要熟悉实现原理!不是你负责的部分,也可以看看同事是怎么实现的,换你来做你会怎么做?做过什么,会什么是广度问题,取决于项目内容。但做过什么,达到怎样一个境界,这是深度问题,和个人学习能力和解决问题的态度有关了。大公司看深度,小公司看广度。大公司面试你会的,小公司面试他们用到的你会不会,也就是岗位匹配度。

面试过程一定要有礼貌!即使你觉得面试官不尊重你,经常打断你的讲解,或者你觉得他不如你,问的问题缺乏专业水平,你也一定要尊重他,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

另外,描述问题一定要慢!不要一下子讲一大堆,慢显得你沉稳、自信,而且你还有时间反应思路接下来怎么讲更好。现在开发过多依赖ide,所以会有个弊端,当我们在面试讲解很容易不知道某个方法怎么读,这是一个硬伤…所以一定要对常见的关键性的类名、方法名、关键字读准,有些面试官不耐烦会说“你到底说的是哪个?”这时我们会容易乱了阵脚。正确的发音+沉稳的描述+好听的嗓音决对是一个加分项!

最重要的是心态!心态!心态!重要事情说三遍!面试时间很短,在短时间内对方要摸清你的底子还是比较不现实的,所以,有时也是看眼缘,这还是个看脸的时代。

希望大家都能找到合适自己满意的工作!

进阶学习视频

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 (含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

这是圆形的显示图,这里需要注意下,因为设置的图片可能是长方形,例如上图:有两个长方形,一个宽比较大,一个高比较大;

那么我们希望显示成圆形,我们可能就要对其进行放大或者缩小(因为图片的宽可能不满足设置的边长,而高超出,此时我们就需要放大其宽度)。

这个一张图,中间是正常尺寸;上下分别为特大特小,主要可以当尺寸大于或者小于设置尺寸,我们需要对其放大或者缩小;

圆角时如果图片与view的宽高不一致,也需要进行放大缩小,这里就不截图了,代码里面看吧。

3、浅谈BitmapShader

================

BitmapShader是Shader的子类,可以通过Paint.setShader(Shader shader)进行设置、

这里我们只关注BitmapShader,构造方法:

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

参数1:bitmap

参数2,参数3:TileMode;

TileMode的取值有三种:

**CLAMP 拉伸

**

**REPEAT 重复

**

MIRROR 镜像

如果大家给电脑屏幕设置屏保的时候,如果图片太小,可以选择重复、拉伸、镜像;

**重复:**就是横向、纵向不断重复这个bitmap

**镜像:**横向不断翻转重复,纵向不断翻转重复;

**拉伸:**这个和电脑屏保的模式应该有些不同,这个拉伸的是图片最后的那一个像素;横向的最后一个横行像素,不断的重复,纵项的那一列像素,不断的重复;

现在大概明白了,BitmapShader通过设置给mPaint,然后用这个mPaint绘图时,就会根据你设置的TileMode,对绘制区域进行着色。

这里需要注意一点:就是BitmapShader是从你的画布的左上角开始绘制的,不在view的右下角绘制个正方形,它不会在你正方形的左上角开始。

好了,到此,我相信大家对BitmapShader有了一定的了解了;当然了,如果你希望对Shader充分的了解,请参考爱歌的神作: 自定义控件其实很简单1/3 。

对于我们的圆角,以及圆形,我们设置的模式都是CLAMP ,但是你会不会会有一个疑问:

view的宽或者高大于我们的bitmap宽或者高岂不是会拉伸?

嗯,我们会为BitmapShader设置一个matrix,去适当的放大或者缩小图片,不会让“ view的宽或者高大于我们的bitmap宽或者高 ”此条件成立的。

到此我们的原理基本介绍完毕了,拿到drawable转化为bitmap,然后直接初始化BitmapShader,画笔设置Shader,最后在onDraw里面进行画圆就行了。

4、BitmapShader实战

================

首先就来看看利用BitmapShader实现的圆形或者圆角。

我们这里直接继承ImageView,这样大家设置图片的代码会比较熟悉;但是我们需要支持两种模式,那么就需要自定义属性了:

1、自定义属性


values/attr.xml

<?xml version="1.0" encoding="utf-8"?>

我们定义了一个枚举和一个圆角的大小borderRadius。

2、获取自定义属性


public class RoundImageView extends ImageView

{

/**

  • 图片的类型,圆形or圆角

*/

private int type;

private static final int TYPE_CIRCLE = 0;

private static final int TYPE_ROUND = 1;

/**

  • 圆角大小的默认值

*/

private static final int BODER_RADIUS_DEFAULT = 10;

/**

  • 圆角的大小

*/

private int mBorderRadius;

/**

  • 绘图的Paint

*/

private Paint mBitmapPaint;

/**

  • 圆角的半径

*/

private int mRadius;

/**

  • 3x3 矩阵,主要用于缩小放大

*/

private Matrix mMatrix;

/**

  • 渲染图像,使用图像为绘制图形着色

*/

private BitmapShader mBitmapShader;

/**

  • view的宽度

*/

private int mWidth;

private RectF mRoundRect;

public RoundImageView(Context context, AttributeSet attrs)

{

super(context, attrs);

mMatrix = new Matrix();

mBitmapPaint = new Paint();

mBitmapPaint.setAntiAlias(true);

TypedArray a = context.obtainStyledAttributes(attrs,

R.styleable.RoundImageView);

mBorderRadius = a.getDimensionPixelSize(

R.styleable.RoundImageView_borderRadius, (int) TypedValue

.applyDimension(TypedValue.COMPLEX_UNIT_DIP,

BODER_RADIUS_DEFAULT, getResources()

.getDisplayMetrics()));// 默认为10dp

type = a.getInt(R.styleable.RoundImageView_type, TYPE_CIRCLE);// 默认为Circle

a.recycle();

}

可以看到我们的一些成员变量,基本都加了注释;然后在构造方法中获取了我们的自定义属性,以及部分变量的初始化。

3、onMeasure


@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

{

Log.e(“TAG”, “onMeasure”);

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

/**

  • 如果类型是圆形,则强制改变view的宽高一致,以小值为准

*/

if (type == TYPE_CIRCLE)

{

mWidth = Math.min(getMeasuredWidth(), getMeasuredHeight());

mRadius = mWidth / 2;

setMeasuredDimension(mWidth, mWidth);

}

}

我们复写了onMeasure方法,主要用于当设置类型为圆形时,我们强制让view的宽和高一致。

接下来只剩下设置BitmapShader和绘制了

4、设置BitmapShader


/**

  • 初始化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);

}

在setUpShader中,首先对drawable转化为我们的bitmap;

然后初始化mBitmapShader = new BitmapShader(bmp, TileMode.CLAMP, TileMode.CLAMP);

接下来,根据类型以及bitmap和view的宽高,计算scale;

关于scale的计算:

圆形时:取bitmap的宽或者高的小值作为基准,如果采用大值,缩放后肯定不能填满我们的圆形区域。然后,view的mWidth/bSize ; 得到的就是scale。

圆角时:因为设计到宽/高比例,我们分别getWidth() * 1.0f / bmp.getWidth() 和 getHeight() * 1.0f / bmp.getHeight() ;最终取大值,因为我们要让最终缩放完成的图片一定要大于我们的view的区域,有点类似centerCrop;

比如:view的宽高为10*20;图片的宽高为5*100 ; 最终我们应该按照宽的比例放大,而不是按照高的比例缩小;因为我们需要让缩放后的图片,自定大于我们的view宽高,并保证原图比例。

有了scale,就可以设置给我们的matrix;

然后使用mBitmapShader.setLocalMatrix(mMatrix);

最后将bitmapShader设置给paint。

关于drawable转bitmap的代码:

/**

  • drawable转bitmap

  • @param drawable

  • @return

*/

private Bitmap drawableToBitamp(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;

}

最后我们会在onDraw里面调用setUpShader(),然后进行绘制。

5、绘制


到此,就剩下最后一步绘制了,因为我们的范围,以及缩放都完成了,所以真的只剩下绘制了。

@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());

}

绘制就很简单了,画个圆,圆角矩形什么的。圆角矩形的限定范围mRoundRect在onSizeChanged里面进行了初始化。

5、状态的存储与恢复

==========

当然了,如果内存不足,而恰好我们的Activity置于后台,不幸被重启,或者用户旋转屏幕造成Activity重启,我们的View应该也能尽可能的去保存自己的属性。

状态保存什么用处呢?比如,现在一个的圆角大小是10dp,用户点击后变成50dp;当用户旋转以后,或者长时间置于后台以后,返回我们的Activity应该还是50dp;

我们简单的存储一下,当前的type以及mBorderRadius

private static final String STATE_INSTANCE = “state_instance”;

private static final String STATE_TYPE = “state_type”;

private static final String STATE_BORDER_RADIUS = “state_border_radius”;

@Override

protected Parcelable onSaveInstanceState()

{

Bundle bundle = new Bundle();

bundle.putParcelable(STATE_INSTANCE, super.onSaveInstanceState());

bundle.putInt(STATE_TYPE, type);

bundle.putInt(STATE_BORDER_RADIUS, mBorderRadius);

return bundle;

}

结尾

如何才能让我们在面试中对答如流呢?

答案当然是平时在工作或者学习中多提升自身实力的啦,那如何才能正确的学习,有方向的学习呢?为此我整理了一份Android学习资料路线:

这里是一份BAT大厂面试资料专题包:

好了,今天的分享就到这里,如果你对在面试中遇到的问题,或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己,对于自己的未来还不够了解不知道给如何规划。来看看同行们都是如何突破现状,怎么学习的,来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

TANCE, super.onSaveInstanceState());

bundle.putInt(STATE_TYPE, type);

bundle.putInt(STATE_BORDER_RADIUS, mBorderRadius);

return bundle;

}

结尾

如何才能让我们在面试中对答如流呢?

答案当然是平时在工作或者学习中多提升自身实力的啦,那如何才能正确的学习,有方向的学习呢?为此我整理了一份Android学习资料路线:

[外链图片转存中…(img-hMoOmDkk-1715769011782)]

这里是一份BAT大厂面试资料专题包:

[外链图片转存中…(img-kQdffgKq-1715769011783)]

好了,今天的分享就到这里,如果你对在面试中遇到的问题,或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己,对于自己的未来还不够了解不知道给如何规划。来看看同行们都是如何突破现状,怎么学习的,来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值