Android 自定义圆角图片/头像
2017-01-03 21:12
337 查看
之前多次做项目要用圆角图片都去网上找现成的。
今天想想不行,还是得自己学会,所以就看了这篇文章
http://blog.csdn.net/goodlixueyong/article/details/49614485
后自定义了一个,集成自ImageView,
效果如图:
代码如下:
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.widget.ImageView;
import com.eccic.quicksolve_android.R;
/**
* Created by eccic on 17/1/3.
*/
public class RoundImageView extends ImageView {
public RoundImageView(Context context) {
this(context, null);
}
private float cornerRadius = -1;
private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
public RoundImageView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundImageView);
for (int i = 0; i < typedArray.getIndexCount(); i++) {
switch (typedArray.getIndex(i)) {
case R.styleable.RoundImageView_cornerRadius:
cornerRadius = typedArray.getDimension(R.styleable.RoundImageView_cornerRadius, cornerRadius);
break;
}
}
}
@Override
protected void onDraw(Canvas canvas) {
if (cornerRadius < 0) cornerRadius = Math.min(getWidth(), getHeight()) * 0.5f;
BitmapDrawable bitmapDrawable = (BitmapDrawable) getDrawable();
if (bitmapDrawable != null) {
//步骤1:先生成一个bitmap,在bitmap上绘制原图
9404
Bitmap bitmap = Bitmap.createBitmap(getWidth(),getHeight(), Bitmap.Config.ARGB_8888);
Canvas bitmapCanvas = new Canvas(bitmap);
bitmapDrawable.setBounds(0, 0, getWidth(), getHeight());
bitmapDrawable.draw(bitmapCanvas);
//步骤2:生成圆形图片蒙版
Bitmap mask = Bitmap.createBitmap(getWidth(), getHeight(),Bitmap.Config.ARGB_8888);
Canvas maskCanvas = new Canvas(mask);
maskCanvas.drawRoundRect(new RectF(0, 0, getWidth(), getHeight()), cornerRadius, cornerRadius, paint);
//步骤3:使用DST_IN的方式在原图的bitmap上绘制蒙版图
paint.reset();
paint.setFilterBitmap(false);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
bitmapCanvas.drawBitmap(mask, 0.0f, 0.0f, paint);
//步骤4:将最后生成的这个bitmap绘制到View的canvas上
if (bitmap != null) {
paint.setXfermode(null);
canvas.drawBitmap(bitmap, 0.0f, 0.0f, paint);
}
}
}
}res→values→attrs中添加:
<?xml version="1.0" encoding="utf-8"?>
<resources>
......
<declare-styleable name="RoundImageView">
<attr name="cornerRadius" format="dimension" />
</declare-styleable>
</resources>
今天想想不行,还是得自己学会,所以就看了这篇文章
http://blog.csdn.net/goodlixueyong/article/details/49614485
后自定义了一个,集成自ImageView,
效果如图:
代码如下:
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.widget.ImageView;
import com.eccic.quicksolve_android.R;
/**
* Created by eccic on 17/1/3.
*/
public class RoundImageView extends ImageView {
public RoundImageView(Context context) {
this(context, null);
}
private float cornerRadius = -1;
private Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
public RoundImageView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RoundImageView);
for (int i = 0; i < typedArray.getIndexCount(); i++) {
switch (typedArray.getIndex(i)) {
case R.styleable.RoundImageView_cornerRadius:
cornerRadius = typedArray.getDimension(R.styleable.RoundImageView_cornerRadius, cornerRadius);
break;
}
}
}
@Override
protected void onDraw(Canvas canvas) {
if (cornerRadius < 0) cornerRadius = Math.min(getWidth(), getHeight()) * 0.5f;
BitmapDrawable bitmapDrawable = (BitmapDrawable) getDrawable();
if (bitmapDrawable != null) {
//步骤1:先生成一个bitmap,在bitmap上绘制原图
9404
Bitmap bitmap = Bitmap.createBitmap(getWidth(),getHeight(), Bitmap.Config.ARGB_8888);
Canvas bitmapCanvas = new Canvas(bitmap);
bitmapDrawable.setBounds(0, 0, getWidth(), getHeight());
bitmapDrawable.draw(bitmapCanvas);
//步骤2:生成圆形图片蒙版
Bitmap mask = Bitmap.createBitmap(getWidth(), getHeight(),Bitmap.Config.ARGB_8888);
Canvas maskCanvas = new Canvas(mask);
maskCanvas.drawRoundRect(new RectF(0, 0, getWidth(), getHeight()), cornerRadius, cornerRadius, paint);
//步骤3:使用DST_IN的方式在原图的bitmap上绘制蒙版图
paint.reset();
paint.setFilterBitmap(false);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
bitmapCanvas.drawBitmap(mask, 0.0f, 0.0f, paint);
//步骤4:将最后生成的这个bitmap绘制到View的canvas上
if (bitmap != null) {
paint.setXfermode(null);
canvas.drawBitmap(bitmap, 0.0f, 0.0f, paint);
}
}
}
}res→values→attrs中添加:
<?xml version="1.0" encoding="utf-8"?>
<resources>
......
<declare-styleable name="RoundImageView">
<attr name="cornerRadius" format="dimension" />
</declare-styleable>
</resources>
相关文章推荐
- Android 自定义View修炼-Android实现圆形、圆角和椭圆自定义图片View(使用BitmapShader图形渲染方法)
- Android自定义ImageView,方角,圆角头像(可根据自己的需求来设定头像的圆角或者方角的大小)
- Android自定义view实现圆形、圆角和椭圆图片(BitmapShader图形渲染)
- 学习笔记之——Android中的Picasso实现圆形头像、圆角图片工具类
- Android 自定义Drawable 实现圆角圆形图片
- android自定义一圆角ImageView-圆角图片
- Android自定义圆角ImageView 支持网络图片
- Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示
- Android使用BitmapShader图形渲染实现圆形、圆角和椭圆自定义图片View
- Android开发之自定义圆角矩形图片ImageView
- Android Drawable 自定义(圆角图片和圆形图片)
- android圆角矩形图片的实现进而讨论view自定义的要点
- Android应用开发自定义图片剪辑头像设置
- 【Android自定义View实战】之自定义圆形头像CircleImageView支持加载网络图片
- Android开发之自定义圆角矩形图片ImageView的实现
- android 自定义圆角头像以及使用declare-styleable进行配置属性解析
- Android自定义圆角ImageView 支持网络图片
- Android自定义圆形和圆角图片
- Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示
- Android 自定义圆形头像CircleImageView支持加载网络图片的实现代码