登录
当前位置： 首页 > 编程笔记 >

Android设置图片圆角的方法

田马鲁
2023-03-14
本文向大家介绍Android设置图片圆角的方法，包括了Android设置图片圆角的方法的使用技巧和注意事项，需要的朋友参考一下

Android中经常会遇到对图片进行二次处理，例如加圆角，或者显示圆形图片

实现的效果图：

方法一：

通过第三方框架Glide实现图片显示有圆角，有三种写法如下：

1.1、第一种实现：

RequestOptions options = new RequestOptions().error(R.drawable.img_load_failure).bitmapTransform(new RoundedCorners(30));//图片圆角为30
Glide.with(this).load(URL) //图片地址
    .apply(options)
    .into(ImagView);

1.2、第二种实现：

RequestOptions requestOptions = new RequestOptions();
requestOptions.placeholder(R.drawable.ic_launcher_background);
requestOptions.circleCropTransform();
requestOptions.transforms( new RoundedCorners(30));
Glide.with(this).load(URL) //图片地址
    .apply(options)
    .into(ImagView);

1.3、第三种实现：

RequestOptions options = new RequestOptions().centerCrop() .transform(new RoundTransform(this,30)); 
Glide.with(this).load(URL) //图片地址
    .apply(options)
    .into(ImagView);
public class RoundTransform extends BitmapTransformation { 
 private static float radius = 0f; 
 public RoundTransform(Context context) { 
  this(context, 4); 
 } 
 
 public RoundTransform(Context context, int dp) { 
  super(context); 
  this.radius = Resources.getSystem().getDisplayMetrics().density * dp; 
 } 
 
 @Override 
 protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) { 
  Bitmap bitmap = TransformationUtils.centerCrop(pool, toTransform, outWidth, outHeight); 
  return roundCrop(pool, bitmap); 
 } 
 
 private static Bitmap roundCrop(BitmapPool pool, Bitmap source) { 
  if (source == null) return null; 
  Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888); 
  if (result == null) { 
   result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888); 
  } 
 
  Canvas canvas = new Canvas(result); 
  Paint paint = new Paint(); 
  paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); 
  paint.setAntiAlias(true); 
  RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight()); 
  canvas.drawRoundRect(rectF, radius, radius, paint); 
  return result; 
 } 
 
 public String getId() { 
  return getClass().getName() + Math.round(radius); 
 } 
 
 @Override 
 public void updateDiskCacheKey(MessageDigest messageDigest) { 
 
 }
}

方法二：

自定义ImageView：

<ImageView
  android:id="@+id/iv"
  android:layout_width="300dp"
  android:layout_height="300dp"
  android:layout_centerHorizontal="true"
  />
ImageView iv = findViewById(R.id.iv); 
Bitmap bitmap =BitmapFactory.decodeResource(getResources(), R.drawable.fengjing);
  Bitmap outBitmap =getRoundBitmapByShader(bitmap, 500,300,20, 3);
  iv.setImageBitmap(outBitmap);
public class RoundRectImageView extends ImageView{
 
 private Paint paint;
 
 public RoundRectImageView(Context context) {
  this(context,null);
 }
 
 public RoundRectImageView(Context context, AttributeSet attrs) {
  this(context, attrs,0);
 }
 
 public RoundRectImageView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  paint = new Paint();
 }
 
 /**
  * 绘制圆角矩形图片
  * @author caizhiming
  */
 @Override
 protected void onDraw(Canvas canvas) {
  Drawable drawable = getDrawable();
  if (null != drawable) {
   Bitmap bitmap = getBitmapFromDrawable(drawable);
//   Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
   Bitmap b = getRoundBitmapByShader(bitmap,getWidth(),getHeight(), 50,0);
   final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());
   final Rect rectDest = new Rect(0,0,getWidth(),getHeight());
   paint.reset();
   canvas.drawBitmap(b, rectSrc, rectDest, paint);
 
  } else {
   super.onDraw(canvas);
  }
 }
 
 /**
  * 把资源图片转换成Bitmap
  * @param drawable
  * 资源图片
  * @return 位图
  */
 public static Bitmap getBitmapFromDrawable(Drawable drawable) {
  int width = drawable.getIntrinsicWidth();
  int height = drawable.getIntrinsicHeight();
  Bitmap bitmap = Bitmap.createBitmap(width, height, drawable
    .getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
    : Bitmap.Config.RGB_565);
  Canvas canvas = new Canvas(bitmap);
  //drawable.setBounds(-4, -4, width + 4, height + 4);
  drawable.draw(canvas);
  return bitmap;
 }
 
 public static Bitmap getRoundBitmapByShader(Bitmap bitmap, int outWidth, int outHeight, int radius, int boarder) {
  if (bitmap == null) {
   return null;
  }
  int width = bitmap.getWidth();
  int height = bitmap.getHeight();
  float widthScale = outWidth * 1f / width;
  float heightScale = outHeight * 1f / height;
 
  Matrix matrix = new Matrix();
  matrix.setScale(widthScale, heightScale);
  //创建输出的bitmap
  Bitmap desBitmap = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
  //创建canvas并传入desBitmap，这样绘制的内容都会在desBitmap上
  Canvas canvas = new Canvas(desBitmap);
  Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
  //创建着色器
  BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
  //给着色器配置matrix
  bitmapShader.setLocalMatrix(matrix);
  paint.setShader(bitmapShader);
  //创建矩形区域并且预留出border
  RectF rect = new RectF(boarder, boarder, outWidth - boarder, outHeight - boarder);
  //把传入的bitmap绘制到圆角矩形区域内
  canvas.drawRoundRect(rect, radius, radius, paint);
 
  if (boarder > 0) {
   //绘制boarder
   Paint boarderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
   boarderPaint.setColor(Color.GREEN);
   boarderPaint.setStyle(Paint.Style.STROKE);
   boarderPaint.setStrokeWidth(boarder);
   canvas.drawRoundRect(rect, radius, radius, boarderPaint);
  }
  return desBitmap;
 }
 
}

方法三：

对图片进行处理，此方法还可以加边框

/**
 * 通过BitmapShader实现圆形边框
 * @param bitmap 
 * @param outWidth 输出的图片宽度
 * @param outHeight 输出的图片高度
 * @param radius 圆角大小
 * @param boarder 边框宽度
 */
public static Bitmap getRoundBitmapByShader(Bitmap bitmap, int outWidth, int outHeight, int radius, int boarder) {
 if (bitmap == null) {
  return null;
 }
 int height = bitmap.getHeight();
 int width = bitmap.getWidth();
 
 float widthScale = outWidth * 1f / width;
 float heightScale = outHeight * 1f / height;
 
 Matrix matrix = new Matrix();
 matrix.setScale(widthScale, heightScale);
 //创建输出的bitmap
 Bitmap desBitmap = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
 //创建canvas并传入desBitmap，这样绘制的内容都会在desBitmap上
 Canvas canvas = new Canvas(desBitmap);
 Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
 //创建着色器
 BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
 //给着色器配置matrix
 bitmapShader.setLocalMatrix(matrix);
 paint.setShader(bitmapShader);
 //创建矩形区域并且预留出border
 RectF rect = new RectF(boarder, boarder, outWidth - boarder, outHeight - boarder);
 //把传入的bitmap绘制到圆角矩形区域内
 canvas.drawRoundRect(rect, radius, radius, paint);
 
 if (boarder > 0) {
  //绘制boarder
  Paint boarderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
  boarderPaint.setColor(Color.GREEN);
  boarderPaint.setStyle(Paint.Style.STROKE);
  boarderPaint.setStrokeWidth(boarder);
  canvas.drawRoundRect(rect, radius, radius, boarderPaint);
 }
 return desBitmap;
}

实现圆形和边框：

/**
 * 通过BitmapShader实现圆形边框
 * @param bitmap 
 * @param outWidth 输出的图片宽度
 * @param outHeight 输出的图片高度
 * @param boarder 边框大小
 */
public static Bitmap getCircleBitmapByShader(Bitmap bitmap, int outWidth, int outHeight, int boarder) {
int radius;
int width = bitmap.getWidth();
int height = bitmap.getHeight();
float widthScale = outWidth * 1f / width;
float heightScale = outHeight * 1f / height;
 
Bitmap desBitmap = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
if (outHeight > outWidth) {
 radius = outWidth / 2;
} else {
 radius = outHeight / 2;
}
//创建canvas
Canvas canvas = new Canvas(desBitmap);
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
Matrix matrix = new Matrix();
matrix.setScale(widthScale, heightScale);
bitmapShader.setLocalMatrix(matrix);
paint.setShader(bitmapShader);
canvas.drawCircle(outWidth / 2, outHeight / 2, radius - boarder, paint);
if (boarder > 0) {
 //绘制boarder
 Paint boarderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 boarderPaint.setColor(Color.GREEN);
 boarderPaint.setStyle(Paint.Style.STROKE);
 boarderPaint.setStrokeWidth(boarder);
 canvas.drawCircle(outWidth / 2, outHeight / 2, radius - boarder, boarderPaint);
}
return desBitmap;
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。

 类似资料：
  • Android开发实现图片圆角的方法

    本文向大家介绍Android开发实现图片圆角的方法，包括了Android开发实现图片圆角的方法的使用技巧和注意事项，需要的朋友参考一下 本文讲述了Android开发实现图片圆角的方法。分享给大家供大家参考，具体如下： 或者： 更多关于Android相关内容感兴趣的读者可查看本站专题：《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解

  • Android实现圆形图片或者圆角图片

    本文向大家介绍Android实现圆形图片或者圆角图片，包括了Android实现圆形图片或者圆角图片的使用技巧和注意事项，需要的朋友参考一下 Android圆形图片或者圆角图片的快速实现，具体内容如下 话不多说直接上code xml文件布局 初始化控件之后用工具类加载 //第一个参数上下文,第二个控件名称,第三个图片url地址,第四个参数圆角大小 ViewUtils.loadImageRadius(

  • php生成圆角图片的方法

    本文向大家介绍php生成圆角图片的方法，包括了php生成圆角图片的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了php生成圆角图片的方法。分享给大家供大家参考。具体如下： 希望本文所述对大家的php程序设计有所帮助。

  • Android生成带圆角的Bitmap图片

    本文向大家介绍Android生成带圆角的Bitmap图片，包括了Android生成带圆角的Bitmap图片的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android生成带圆角的Bitmap图片。分享给大家供大家参考。具体如下： 有时候我们在开发Android应用时，会遇到圆角图片的问题，那么，我们如何在Android中用代码来生成圆角Bitmap图片呢？下面这段代码也许能够帮到你。 该

  • Android中TextView显示圆圈背景或设置圆角的方法

    本文向大家介绍Android中TextView显示圆圈背景或设置圆角的方法，包括了Android中TextView显示圆圈背景或设置圆角的方法的使用技巧和注意事项，需要的朋友参考一下 前言 在我们学习android这么久，而且使用TextView那么长时间，我们一直没有用过给TextView添加背景，或者是给TextView添加添加边框，以及怎么样设置TextView的形状。今天在写代码的时候就用

  • Android实现带描边的圆角图片

    本文向大家介绍Android实现带描边的圆角图片，包括了Android实现带描边的圆角图片的使用技巧和注意事项，需要的朋友参考一下 利用学过的BitmapShader渲染类，我们来实现一个带描边的圆角图片。 具体实现: 用来显示自定义的绘图类的布局文件 res/layout/main.xml: 打开MainActivity，在文件中创建名为MyView的内部类，继承android.view.Vie

相关阅读

Android中TextView显示圆圈背景或设置圆角的方法Android实现带描边的圆角图片设置svg：image的圆角iOS设置可选择圆角方向的控件圆角android中圆角图像生成方法

相关文章

Apache配置片段实战-Swing实现图片拼图方圆众合前端实习一面方圆众合前端实习一面jQuery 设置

相关问答

图像圆角按钮 JavaFX如何以编程方式圆角和设置随机背景色如何给布局圆角AndroidAndroid：用圆形锚定晶圆厂为BottomAppBar添加圆角如何创建圆角视图？

相关工具

方圆十里三种方式显示GIF图片图片放大镜iOS 图片滤镜获取网页的所有图片

相关文档

图说设计模式ZUK Z2 (z2_plus) 设备配置程序设计思想与方法知识图谱：方法、实践与应用30 秒就能理解的 JavaScript 代码片段
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.