热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

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 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;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Linux     系统安装
    Linux系统安装linux系统安装准备工作电脑、u盘、光盘、网络、硬盘主要使用光盘、网络虚拟化软件vmwarevi ... [详细]
  • 定义:定义两个数论函数\(f\)、\(g\)的Dirichlet卷积为:\[\left(f*g\right)\left(n\right)\sum_{d|n}f\left(d\rig ... [详细]
  • 《每个设计师都应该掌握的50个css代码段》11~20段
    2019独角兽企业重金招聘Python工程师标准11.胶卷边框img.polaroid{background:#000;*Changethistoabackgroundima ... [详细]
  • 读书这件事
    没事晒下自己的借书清单。60多本了,不知道自己一本子能读多少本?可惜的就是没写读书笔记,都是一些泛读。图书馆要 ... [详细]
  • android 最好的gtd软件,Windows 上的高颜值 GTD 应用,这可能是最棒的一款了:MyerList...
    开发UWP应用的独立开发者都是活菩萨。我从来没有想过我会在文章里用到「菩萨」这两个字。不过对于独立开发者来说,能够坚持开发UWP应用并不是一件容易的事情。除此之外&# ... [详细]
  • jdk安装与环境变量配置,看这一篇就够了
    文章目录场景jdk下载安装如何环境变量的配置总结场景在做java开发或者android开发,经常会碰到jdk安装与环境变量的配置,每次配置的时候,经常需要去查看一下,而且偶尔还会出 ... [详细]
  • phpstorm使用和配置技巧
    1.使用phpstorm的过程中,有时光标不小心变成了方块状,怎么修复回来呢?见下图,去掉“Useblockcare ... [详细]
  • 发现很多时候展示一堆文字,需要让局部的某些字变粗啊,变大、变颜色、能点击等等要求,今天在这简单总结下方便日后直接复用(用ht ... [详细]
  • 篇首语:本文由编程笔记#小编为大家整理,主要介绍了003.配置交换机(华为)---01相关的知识,希望对你有一定的参考价值。 ... [详细]
  • vector:在vc6中,如果要镶嵌使用vector,如vector,后面的两个应该用,空格隔开,否则被编译器认为是移位符string::npos的值为 ... [详细]
  • Spark 贝叶斯分类算法
    一、贝叶斯定理数学基础我们都知道条件概率的数学公式形式为即B发生的条件下A发生的概率等于A和B同时发生的概率除以B发生的概率。根据此公式变换,得到贝叶斯公式:即贝叶斯定律是关于随机 ... [详细]
  • 安全3AAuthentication:认证Authorzation:授权Accouting|Audition:审计用户管理用户:UID:0,不一定是root,root的uid非0时 ... [详细]
  • 吴恩达“机器学习”——学习笔记二
    定义一些名词欠拟合(underfitting):数据中的某些成分未被捕获到,比如拟合结果是二次函数,结果才只拟合出了一次函数。过拟合(overfitting):使用过量的特征集合, ... [详细]
  • 一、在androidStudio中实现tabs比较简单,新建项目就可以选择tabs模板进行创建,默认实现tabs功能:直接运行项目就可以看到效果:可以说非常简单,但是我们在实际开发 ... [详细]
  • apk简单介绍APK的组成apk安装流程app的启动过程apk打包流程AIDLAIDL介绍为什么要设计这门语言它有哪些语法?默认支持的数据类型包括什么是apk打包流程 ... [详细]
author-avatar
鱼db在海
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有