Android 完美实现图片圆角和圆形(对实现进行分析)

文章详细描述了一个自定义的AndroidImageView类,它允许用户设置图片类型(圆形或圆角)、边框半径,并在onMeasure和onDraw方法中动态计算和绘制图形。着重展示了如何根据给定的类型调整图片尺寸和绘制不同形状。
摘要由CSDN通过智能技术生成

private static final int TYPE_CIRCLE = 0;

private static final int TYPE_ROUND = 1;

/**

  • 图片

*/

private Bitmap mSrc;

/**

  • 圆角的大小

*/

private int mRadius;

/**

  • 控件的宽度

*/

private int mWidth;

/**

  • 控件的高度

*/

private int mHeight;

public CustomImageView(Context context, AttributeSet attrs)

{

this(context, attrs, 0);

}

public CustomImageView(Context context)

{

this(context, null);

}

/**

  • 初始化一些自定义的参数

  • @param context

  • @param attrs

  • @param defStyle

*/

public CustomImageView(Context context, AttributeSet attrs, int defStyle)

{

super(context, attrs, defStyle);

TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomImageView, defStyle, 0);

int n = a.getIndexCount();

for (int i = 0; i < n; i++)

{

int attr = a.getIndex(i);

switch (attr)

{

case R.styleable.CustomImageView_src:

mSrc = BitmapFactory.decodeResource(getResources(), a.getResourceId(attr, 0));

break;

case R.styleable.CustomImageView_type:

type = a.getInt(attr, 0);// 默认为Circle

break;

case R.styleable.CustomImageView_borderRadius:

mRadius= a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 10f,

getResources().getDisplayMetrics()));// 默认为10DP

break;

}

}

a.recycle();

}

3、onMeasure中获取控件宽高:

/**

  • 计算控件的高度和宽度

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

{

// super.onMeasure(widthMeasureSpec, heightMeasureSpec);

/**

  • 设置宽度

*/

int specMode = MeasureSpec.getMode(widthMeasureSpec);

int specSize = MeasureSpec.getSize(widthMeasureSpec);

if (specMode == MeasureSpec.EXACTLY)// match_parent , accurate

{

mWidth = specSize;

} else

{

// 由图片决定的宽

int desireByImg = getPaddingLeft() + getPaddingRight()

  • mSrc.getWidth();

if (specMode == MeasureSpec.AT_MOST)// wrap_content

{

mWidth = Math.min(desireByImg, specSize);

} else

mWidth = desireByImg;

}

/***

  • 设置高度

*/

specMode = MeasureSpec.getMode(heightMeasureSpec);

specSize = MeasureSpec.getSize(heightMeasureSpec);

if (specMode == MeasureSpec.EXACTLY)// match_parent , accurate

{

mHeight = specSize;

} else

{

int desire = getPaddingTop() + getPaddingBottom()

  • mSrc.getHeight();

if (specMode == MeasureSpec.AT_MOST)// wrap_content

{

mHeight = Math.min(desire, specSize);

} else

mHeight = desire;

}

setMeasuredDimension(mWidth, mHeight);

}

4、根据Type绘制:

/**

  • 绘制

*/

@Override

protected void onDraw(Canvas canvas)

{

switch (type)

{

// 如果是TYPE_CIRCLE绘制圆形

case TYPE_CIRCLE:

int min = Math.min(mWidth, mHeight);

/**

  • 长度如果不一致,按小的值进行压缩

*/

mSrc = Bitmap.createScaledBitmap(mSrc, min, min, false);

canvas.drawBitmap(createCircleImage(mSrc, min), 0, 0, null);

break;

case TYPE_ROUND:

canvas.drawBitmap(createRoundConerImage(mSrc), 0, 0, null);

break;

}

}

/**

  • 根据原图和变长绘制圆形图片

  • @param source

  • @param min

  • @return

*/

private Bitmap createCircleImage(Bitmap source, int min)

{

final Paint paint = new Paint();

paint.setAntiAlias(true);

Bitmap target = Bitmap.createBitmap(min, min, Config.ARGB_8888);

/**

  • 产生一个同样大小的画布

*/

Canvas canvas = new Canvas(target);

/**

  • 首先绘制圆形

*/

canvas.drawCircle(min / 2, min / 2, min / 2, paint);

/**

  • 使用SRC_IN,参考上面的说明

*/

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

/**

  • 绘制图片

*/

canvas.drawBitmap(source, 0, 0, paint);

return target;

}

/**

  • 根据原图添加圆角

  • @param source

  • @return

*/

private Bitmap createRoundConerImage(Bitmap source)

{

final Paint paint = new Paint();

paint.setAntiAlias(true);

Bitmap target = Bitmap.createBitmap(mWidth, mHeight, Config.ARGB_8888);

Canvas canvas = new Canvas(target);

RectF rect = new RectF(0, 0, source.getWidth(), source.getHeight());

canvas.drawRoundRect(rect, mRadius, mRadius, paint);

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

canvas.drawBitmap(source, 0, 0, paint);

return target;

}

好了,我就不解析代码了,自定义View这是第五篇了,,,,写得好恶心,,,,

各位赞一个或者留个言,算是对我的支持~

源码点击下载

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

=============================简单修复了一下,在ScrollView以及AdapterView中的headview的显示异常的bug

修复后代码下载:

尾声

最后,我再重复一次,如果你想成为一个优秀的 Android 开发人员,请集中精力,对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言,想要提升技能,往往是自己摸索成长,不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路,本文的重点是你有没有收获与成长,其余的都不重要,希望读者们能谨记这一点。

最后想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式,就是有人可以带着你一起分析,这样学习起来最为高效,所以为了大家能够顺利进阶中高级、架构师,我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程,保证你学了以后保证薪资上升一个台阶。

当你有了学习线路,学习哪些内容,也知道以后的路怎么走了,理论看多了总要实践的。

进阶学习视频

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


《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
一起分析,这样学习起来最为高效,所以为了大家能够顺利进阶中高级、架构师,我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程,保证你学了以后保证薪资上升一个台阶。

当你有了学习线路,学习哪些内容,也知道以后的路怎么走了,理论看多了总要实践的。

进阶学习视频

[外链图片转存中…(img-9B5O3zJS-1714641409429)]

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

[外链图片转存中…(img-O8FuLx2T-1714641409431)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

  • 29
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值