android 方式实现imageview圆角

本文详细解读了Android中的RoundImageView类,涉及自定义属性、圆角处理、尺寸调整、BitmapShader的使用以及状态保存与恢复等功能,为开发者提供了一个理解和实现类似功能的深入指南。
摘要由CSDN通过智能技术生成

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

}

/**

  • 关于view的宽高:主要用于当设置类型为圆形时,我们强制让view的宽和高一致

*/

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

}

}

/**

    1. 设置BitmapShader
    1. 绘制

*/

@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//给paint附加一个具有某种魔力(缩放)的shader

    1. drawable转化为我们的bitmap
    1. 设置shader 的mode
    1. 设置scale: 因为最终缩放完成的图片一定要大于我们的view的区域
    1. scale设置给matrix
    1. matrix设置给shader
    1. shader设置给paint

*/

private void setUpShader() {

Drawable drawable = getDrawable();

if (drawable == null) {

return;

}

Bitmap bmp = drawableToBitamp(drawable);

// 将bmp作为着色器,就是在指定区域内绘制bmp;此构造方法用的是拉伸mode: clamp

mBitmapShader = new BitmapShader(bmp, CLAMP, 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的宽高;所以我们这里取大值;//view的宽度/bitmap的宽度=缩放倍数

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

  • 1.0f / bmp.getHeight());

}

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

mMatrix.setScale(scale, scale);

// 设置变换矩阵

mBitmapShader.setLocalMatrix(mMatrix);

// 先给paint设置shader;然后画笔会有所不同哦,例如

mBitmapPaint.setShader(mBitmapShader);

}

/**

  • drawable转bitmap

  • @param drawable

  • @return

*/

private Bitmap drawableToBitamp(Drawable drawable) {

if (drawable instanceof BitmapDrawable) {

BitmapDrawable bd = (BitmapDrawable) drawable;

return bd.getBitmap();

}

//以下为drawable转bitmap的通用方法

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;

}

/**

  • 添加一个方法

  • bitmap转drawable

*/

private Drawable bitmapToDrawable(Bitmap bitmap) {

Drawable drawable = new BitmapDrawable(null, bitmap);

return drawable;

}

//状态存储与恢复

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;

}

@Override

protected void onRestoreInstanceState(Parcelable state) {

if (state instanceof Bundle) {

Bundle bundle = (Bundle) state;

super.onRestoreInstanceState(((Bundle) state)

.getParcelable(STATE_INSTANCE));

this.type = bundle.getInt(STATE_TYPE);

this.mBorderRadius = bundle.getInt(STATE_BORDER_RADIUS);

} else {

super.onRestoreInstanceState(state);

}

}

/**

  • 动态修改圆角大小

  • */

public void setBorderRadius(int borderRadius) {

int pxVal = dp2px(borderRadius);

if (this.mBorderRadius != pxVal) {

this.mBorderRadius = pxVal;

invalidate();

}

}

/**

  • 动态设置type
    自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

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

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

img

img

img

img

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

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

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

尾声

一转眼时间真的过的飞快。我们各奔东西,也各自踏上了自己的旅途,但是即使多年不见,也因为这份情谊我们依旧如从前那般“亲密”。不忘初心方得始终。加油吧,程序员们,在我看来35岁,40岁从来不是危机,只要永远不要忘记自己为何踏上征程!

为了让更多在学习中或者最近要准备面试的朋友们看到这篇文章,希望你们能多多评论,点赞+转发!

再次感谢所有给我提供过题目的朋友们,感谢一路有你!

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

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

[外链图片转存中…(img-SYSARNP4-1713761174000)]

尾声

一转眼时间真的过的飞快。我们各奔东西,也各自踏上了自己的旅途,但是即使多年不见,也因为这份情谊我们依旧如从前那般“亲密”。不忘初心方得始终。加油吧,程序员们,在我看来35岁,40岁从来不是危机,只要永远不要忘记自己为何踏上征程!

为了让更多在学习中或者最近要准备面试的朋友们看到这篇文章,希望你们能多多评论,点赞+转发!

再次感谢所有给我提供过题目的朋友们,感谢一路有你!

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

  • 11
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android ImageView 圆角可以通过以下两种方式实现: 1. 使用 XML 属性设置圆角ImageView 的 XML 布局文件中,可以使用以下属性设置圆角: ``` android:background="@drawable/your_image" android:scaleType="centerCrop" android:clipToOutline="true" android:outlineProvider="background" ``` 其中,`your_image` 是你要显示的图片资源。`scaleType` 属性设置图片的缩放方式,`clipToOutline` 属性设置是否裁剪视图的轮廓,`outlineProvider` 属性设置视图的轮廓提供者,这里使用 `background` 表示使用视图的背景作为轮廓。 然后,在 `res/drawable` 目录下创建一个 XML 文件,命名为 `your_image.xml`,内容如下: ``` <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="10dp" /> </shape> ``` 其中,`radius` 属性设置圆角的半径大小。 2. 使用代码设置圆角Java 代码中,可以使用以下方法设置圆角: ``` ImageView imageView = findViewById(R.id.image_view); Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.your_image); RoundedBitmapDrawable roundedBitmapDrawable = RoundedBitmapDrawableFactory.create(getResources(), bitmap); roundedBitmapDrawable.setCornerRadius(10); imageView.setImageDrawable(roundedBitmapDrawable); ``` 其中,`your_image` 是你要显示的图片资源。`RoundedBitmapDrawableFactory.create()` 方法创建一个圆角位图,`setCornerRadius()` 方法设置圆角的半径大小,`setImageDrawable()` 方法设置 ImageView 的显示内容为圆角位图。 以上两种方法都可以实现 ImageView 圆角的效果,具体使用哪种方式取决于你的需求和习惯。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值