android 设置圆形图片,android 圆形头像,自定义圆形ImageView
四种实现方法效果:
方法1:
1、添加依赖
implementation 'com.github.bumptech.glide:glide:4.6.1'
2、创建工具类
/**
* 加载圆形头像带白色边框
*/
public class GlideCircleWithBorder extends BitmapTransformation {
private Paint mBorderPaint;
private float mBorderWidth;
public GlideCircleWithBorder(Context context) {
super(context);
}
public GlideCircleWithBorder(Context context, int borderWidth, int borderColor) {
super(context);
mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;
mBorderPaint = new Paint();
mBorderPaint.setDither(true);
mBorderPaint.setAntiAlias(true);
mBorderPaint.setColor(borderColor);
mBorderPaint.setStyle(Paint.Style.STROKE);
mBorderPaint.setStrokeWidth(mBorderWidth);
}
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}
private Bitmap circleCrop(BitmapPool pool, Bitmap source) {
if (source == null) {
return null;
}
int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));
int x = (source.getWidth() - size) / 2;
int y = (source.getHeight() - size) / 2;
Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
if (result == null) {
result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
}
//创建画笔 画布 手动描绘边框
Canvas canvas = new Canvas(result);
Paint paint = new Paint();
paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
paint.setAntiAlias(true);
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
if (mBorderPaint != null) {
float borderRadius = r - mBorderWidth / 2;
canvas.drawCircle(r, r, borderRadius, mBorderPaint);
}
return result;
}
@Override
public void updateDiskCacheKey(MessageDigest messageDigest) {
}
}
3、glide加载图片:
String ssss ="http://h.hiphotos.baidu.com/image/pic/item/728da9773912b31b8f9045408b18367adbb4e1df.jpg";
Glide.with(this).load(ssss)
.apply(new RequestOptions().error(this.getResources().getDrawable(R.mipmap.ic_launcher))
.placeholder(R.mipmap.ic_launcher).centerCrop().diskCacheStrategy(DiskCacheStrategy.ALL)
.transform(new GlideCircleWithBorder(this, 3, Color.parseColor("#FF4081"))))
.into(imageView);
方法2:
1、添加依赖
implementation 'com.github.SheHuan:NiceImageView:1.0.5'
附:这个依赖,必须在build.gradle中的repositories标签下添加maven
allprojects {
repositories {
google()
jcenter()
maven {url'https://jitpack.io'}
}
}
2、使用在layout.xml文件中调用com.shehuan.niv.NiceImageView
附:is_circle为true是圆形。否则是正方形
方法3:
1、自定义imageview——BitmapShaderCircularView
@SuppressLint("AppCompatCustomView")
public class BitmapShaderCircularView extends ImageView {
private Paint paint;
private int radius; //圆形头像的半径
private float mScale;
private int pathWidth;//绘制轨迹线条宽度
private int shadeColor;//遮罩颜色,argb
public BitmapShaderCircularView(Context context) {
super(context);
}
public BitmapShaderCircularView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public BitmapShaderCircularView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//首先在view调用测量的时候,我们根据宽高取得一个正方形
//并初始化半径
int minTarget = Math.min(getMeasuredWidth(), getMeasuredHeight());
radius = minTarget / 2;
//重新设置宽高
setMeasuredDimension(minTarget, minTarget);
}
@Override
protected void onDraw(Canvas canvas) {
paint = new Paint();
Bitmap bitmap = drawable2Bitmap(getDrawable());
if (bitmap == null){
return;
}
//构建BitmapShader对象,设置为CLAMP模式,当所画图形的尺寸小于bitmap尺寸的时候,会对bitmap进行裁剪
BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
//我们要对bitmap进行缩放处理
//radius * 2为宽高,再取bitmap的宽高中值小的进行相除,取得bitmap缩放比例
mScale = (radius * 2.0f) / Math.min(bitmap.getWidth(), bitmap.getHeight());
// Log.i("lgq","tp-----"+bitmap.getWidth()+"........"+bitmap.getHeight());
//设置矩阵,针对bitmap作缩放处理
Matrix matrix = new Matrix();
matrix.setScale(mScale, mScale);
bitmapShader.setLocalMatrix(matrix);
paint.setShader(bitmapShader);
paint.setFlags(Paint.ANTI_ALIAS_FLAG);
//这里开始画一个圆形,并对paint设置的BitmapShader中的bitmap进行裁剪处理
canvas.drawCircle(radius, radius, radius, paint);
// 得到自定义视图的高度
int viewHeight;
// 得到自定义视图的宽度
int viewWidth;
// 得到自定义视图的X轴中心点
int viewCenterX;
// 得到自定义视图的Y轴中心点
int viewCenterY;
viewHeight = getMeasuredHeight();
viewWidth = getMeasuredWidth();
viewCenterX = viewWidth / 2;
viewCenterY = viewHeight / 2;
Paint mPaint = new Paint();
mPaint.setColor(getResources().getColor(R.color.green));//14549B
mPaint.setStrokeWidth(10);
mPaint.setAntiAlias(true);
mPaint.setFlags(Paint.ANTI_ALIAS_FLAG);
mPaint.setStyle(Paint.Style.STROKE);
RectF rectF = new RectF();
rectF.left = viewCenterX - radius+5;
rectF.top = viewCenterY - radius+5;
rectF.right = viewCenterX + radius-5;
rectF.bottom = viewCenterY + radius-5;
canvas.drawArc(rectF, 0, 360, false, mPaint);//画边框
// canvas.drawPath(path, mPaint);
}
public static Bitmap drawable2Bitmap(Drawable drawable) {
if (drawable instanceof BitmapDrawable) {
BitmapDrawable bd = (BitmapDrawable) drawable;
return bd.getBitmap();
}
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;
}
}
2、调用自定义imageview即可
方法4:
1、添加依赖
compile 'com.facebook.fresco:fresco:1.5.0'
2、实例化
Fresco.initialize(this);
setContentView(R.layout.activity_main);
3、开始调用
4、加载网络图片
SimpleDraweeView draweeView;
draweeView = findViewById(R.id.sdv_surface);
String imageUrl = "http://h.hiphotos.baidu.com/image/pic/item/728da9773912b31b8f9045408b18367adbb4e1df.jpg";
//加载图片
draweeView.setImageURI(imageUrl);
android 设置圆形图片,android 圆形头像,自定义圆形ImageView相关推荐
- android设置本地图片,Android设置头像,手机拍照或从本地相册选取图片作为头像...
[Android设置头像,手机拍照或从本地相册选取图片作为头像] 像微信.QQ.微博等社交类的APP,通常都有设置头像的功能,设置头像通常有两种方式: 1,让用户通过选择本地相册之类的图片库中已 ...
- # Android 设置PNG图片的 打印分辨率 dpi (pHYs)
Android 设置PNG图片的打印分辨率dpi(pHYs) 1.了解png的原文件数据,头文件IHDR,控制物理密度的pHYs, 关于png的头文件IHDR: https://blog.csdn.n ...
- android thumb大小,Android 设置thumb图片大小
xml: android:thumb="@drawable/seekbar_thumb" seekbar_thumb.xml: 修改为: private int seekWidth ...
- android 自定义ImageView控件实现圆形图片-适用于用户头像
android开发中常常涉及到一种情况,就是将用户上传的图片以圆形样式显示,但是用户上传的图片可以有直角.圆角.正方形等多种不确定样式,这时就用到了自定义ImageView控件,在安卓客户端使接收到的 ...
- android xml 圆形图片,Android ImageView实现圆角,圆形图片
UI设计中,为了有更好的效果,用户的头像很多以圆形方式显示,其实现的步骤 1 在res/values/attrs中添加 2 自定义View,CustomImageView.java package c ...
- android glide圆形图片,Android Glide加载图片成圆形
释放双眼,带上耳机,听听看~! 今天,简单讲解android使用glide加载图片成圆形. 这个很简单,因为之前需要在RecyclerView里加载圆形图片,所以在网上查找了资料,很简单就解决了. 1 ...
- android textview 背景图片,Android—TextView 背景颜色与背景图片设置
Android TextView 背景颜色与背景图片设置,android textview 控件,android textview 背景, android textview 图片,android te ...
- android 设置textview 左边,Android设置图片在TextView上、下、左、右
一种是在布局文件中的设置 android:drawablePadding="5dp"//图片与文案距离 android:drawableBottom="@drawable ...
- 圆形图片(个人头像)
//圆形图片 UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(50, 50, 150.0, 150.0)] ...
- android设置背景图片不填充整个_Android应用开发之android解决背景图片平铺拉伸问题...
本文将带你了解Android应用开发之android解决背景图片平铺拉伸问题,希望本文对大家学Android有所帮助 最近开发时遇到一个问题: 使用一条图片(1200x128)平铺作为背景,测试机型是 ...
最新文章
- 哪些是能安装mysql的文件_安装mysql详细步骤有哪些?
- 多线程并发:每个开发人员都应了解的内容
- ubuntu12.10 64位编译Android4.1
- 高斯信道、单径Rayleigh信道和多径衰落信道下基带模型的多用户BPSK直接序列扩频系统MATLAB仿真(m序列、Gold序列和正交Gold序列)
- python电影推荐系统的设计与实现_一种电影推荐系统的设计与实现
- Git提交空文件夹的技巧
- TextBox设置ReadOnly属性后后台得不到值解决方法 [转]
- ie浏览器不显示echart的Tooltip故障修复
- 十八掌教育_徐培成_Hadoop3.0-01.简介
- 海康硬盘录像机管理员密码初始化方法
- Win10配置Tensorflow-GPU
- 高精度加法(C++,高精度)
- android多媒体视频,android多媒体(视频播放器)
- 盘点 8 款好用的 API 接口文档管理工具
- OFFICES当出现“向程序发送命令时出现问题”错误怎么解决
- 掌握18种特殊布线的画法与技巧,PCB设计无往不利!
- 工具分享 | linemap-快速绘制山峦地图的R可视化包介绍
- c++中while语句的使用
- 确保Microsoft Security Essentials已更新定义文件
- C/S系统快速开发框架(C#+Winform+SQL)
热门文章
- linux删除文件子最后两行,关于linux:如何使用sed删除文件的最后n行
- 扫码签到之动态刷新二维码——给每一帧附加有效期(原理、web 小程序变量共享)
- 【转】韩寒:跳出棋盘的棋子
- 使用宏定义求圆的周长,面积
- uni-app 背景图片 background-image
- word设置行距18磅
- Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslis
- 【Python】import class/import module
- 如何用java来打印半圆_如何画半圆 - java
- 伽卡他卡学生端找不到计算机,伽卡他卡学生端