android 方式实现imageview圆角

于 2024-04-22 12:46:42 发布
阅读量945 收藏 10
点赞数 11
分类专栏： 程序员 文章标签： android java 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84132393/article/details/138071437
版权
本文详细解读了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岁从来不是危机，只要永远不要忘记自己为何踏上征程！

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

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

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

2401_84132393
关注
专栏目录
android 方式实现imageview圆角，开发这么久这些问题都不会
m0_60567796的博客
03-18 1096
else {@Override// 圆角图片的范围/**初始化BitmapShader//给paint附加一个具有某种魔力(缩放)的shader*/return;// 将bmp作为着色器，就是在指定区域内绘制bmp;此构造方法用的是拉伸mode: clamp// 拿到bitmap宽或高的小值//我们需要画正方形// 如果图片的宽或者高与view的宽高不匹配，计算出需要缩放的比例；
Android自定义ImageView圆角
涛的博客
08-07 3158
在Android项目中经常遇见圆角的图片的展示问题，但是很可惜，Android中的imageView并不是原生就支持圆角的，那么在Android中实现展示圆角图片的方式有几种呢？这里笔者大致总结一下分为以下几种以上，其中2/3是借助其他图片加载库实现，1是需要自行实现ImageView中圆角的绘制函数，4需要布局多一层嵌套。 按照最简单的做法这里推荐使用CardView的方式实现圆角。但是有时候UI设计师的设计图总是不是很如开发的口味，会出现上边需要圆角，底部无圆角的设计需求，那么这是时候，直接使用自定义I
Android ImageView 设置圆角
weixin_37077736的博客
05-25 1789
RequestOptions options = new RequestOptions().bitmapTransform(new RoundedCorners(30));//图片圆角为30 Glide.with(getContext()).load(result.getImage()) //图片地址 .apply(options) ...
Android ImageView 圆角实现
Misdirection_XG的博客
07-09 6829
Android开发过程中，ImageView是必不可少的几种控件之一，通常为了美观，图标等内容会设置为圆角，以下简单总结了几种设置圆角的方法。RoundImageView为第三方库，在build.gradle(:app)中使用以下语句导入： 该控件使用起来也非常方便，圆角设置为10dp示例如下： 效果如下： 2. CardView CardView为Android系统自带控件，使用CardView包裹ImageView也可以实现圆角效果，需要注意的是，CardView有可能会影响到控件层级，可以通过设置避
安卓ImageView设置圆角
nijian81的专栏
11-25 447
搜了很多找到一种最简单的方式： /** picture是原始的bitmap imageView是想要设置圆角的image **/ Bitmap imageRounded = Bitmap.createBitmap(picture.getWidth(), picture.getHeight(), picture.getConfig()); Canvas canvas = new Canvas(imageRounded); Paint paint = new Paint(); paint.setAn
android 方式实现imageview圆角(2)
最新发布
fghis的博客
04-15 568
其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：架构师筑基必备技能Android框架体系架构（高级UI+FrameWork源码）360°Androidapp全方位性能调优设计思想解读开源框架NDK模块开发移动架构师专题项目实战环节移动架构师不可不学习微信小程序混合开发的flutterAndroid学习的资料我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。
android imageview 圆角处理,android自定义imageview实现圆角图片
weixin_42361622的博客
05-27 1036
本文实例为大家分享了android自定义imageview实现圆角图片的具体代码，供大家参考，具体内容如下自定义图片的属性，对图片进行圆角切割实现效果图：(1)在activity_main.xml文件布局，非常简单xmlns:app="http://schemas.android.com/apk/res-auto"android:orientation="vertical"android:layo...
Android实现自定义ImageView的圆角矩形图片效果
08-27
"Android实现自定义ImageView的圆角矩形图片效果" Android实现自定义ImageView的圆角矩形图片效果是指在Android应用程序中，实现ImageView显示圆角矩形图片的效果。这种效果可以通过自定义ImageView来实现，其原理...
Android 自定义imageview实现图片圆角
10-22
Android 自定义imageview实现图片圆角，圆形图片，椭圆形图片，不需要添加依赖，简洁实现
android ImageView动态设置尺寸、圆角(绝对好用)
01-02
android ImageView网络图片加载、动态设置尺寸、圆角(绝对好用)
Android 圆角 ImageView类可设置弧度(代码简单)
01-04
废话不多说了，直接给大家贴代码了，具体代码如下所示： public class RoundImageView extends ImageView { private Paint paint; private int roundWidth = 50; private int roundHeight = 50; private Paint paint2; public RoundImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(context,
android ImageView加圆角
weixin_30872157的博客
06-28 260
1.attrs添加 <declare-styleable name="RoundImageView"> <attr name="circle" format="boolean" /> <attr name="radius" format="dimension" /> </declare-style...
Android实现圆角ImageView
moonshine99的专栏
10-14 943
Android实现圆角ImageView code ： https://github.com/HungryGoogle/LeeCustomView 效果图如下： 实现步骤： 1、新增RoundAngleImageView文件，实现自定义view。       原理：1、重新绘制，采用Mode.DST_OUT去掉重叠部分的原理，先制作重贴部分，删除重叠部分即可
Android ImageView 设置圆角及外边框样式
qq_19688207的博客
02-05 2369
android imageView
Android：圆角ImageView
zhongyun_0602的博客
05-15 398
package com.example.adfaf; import com.example.adfaf.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Conf
Android imageview设置圆角
热门推荐
weixin_43117800的博客
07-16 1万+
顶部左右圆角 四角都圆角 1：写一个自定义图片控件直接引用即可 /** * date:2020/7/16 * author: wsm(Administrator) * function: */ public class RadiuImageView extends AppCompatImageView { private float width, height; private int defaultRadius = 0; private int radius;
Android源码实现ImageView圆角功能详解
资源摘要信息: "本资源是一份关于Android平台下的高级源码应用，专注于实现ImageView自定义控件的功能，特别是针对圆角控件图片功能的实现。源码包中包含了一系列的文件，其中包括对自定义控件RoundedImageView的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值