android 自定义圆角ImageView以及锯齿的处理
来源:互联网 发布:知乎建筑学新手读书 编辑:程序博客网 时间:2024/06/06 07:32
看到很多人开发过程中要使用圆角图片时,解决方法有:
1.重新绘制一张图片
2.通过布局来配置
3.通过重写View来实现
其中1,2在这里就不讲了,重点讲讲方法三的实现。
实现二:通过PorterDuffXfermode 方式(注意要设置硬件加速,否则部分机子无效),优点:锯齿基本没有
效果图如下:
1.重新绘制一张图片
2.通过布局来配置
3.通过重写View来实现
其中1,2在这里就不讲了,重点讲讲方法三的实现。
实现一:通过截取画布一个圆形区域与图片的相交部分进行绘制,缺点:锯齿明显,设置Paint,Canvas抗锯齿无效。
package com.open.circleimageview.widget;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.PaintFlagsDrawFilter;import android.graphics.Path;import android.graphics.Rect;import android.graphics.Region;import android.util.AttributeSet;import android.view.View;public class CircleImageViewA extends View {public CircleImageViewA(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}public CircleImageViewA(Context context, AttributeSet attrs) {super(context, attrs);}public CircleImageViewA(Context context) {super(context);}private Bitmap bitmap;private Rect bitmapRect=new Rect();private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);private Paint paint = new Paint(); { paint.setStyle(Paint.Style.STROKE); paint.setFlags(Paint.ANTI_ALIAS_FLAG); paint.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了 } private Path mPath=new Path(); public void setImageBitmap(Bitmap bitmap){this.bitmap=bitmap;}@Overrideprotected void onDraw(Canvas canvas) {if(null==bitmap){return;}bitmapRect.set(0, 0, getWidth(), getHeight()); canvas.save(); canvas.setDrawFilter(pdf); mPath.reset(); canvas.clipPath(mPath); // makes the clip empty mPath.addCircle(getWidth()/2, getWidth()/2, getHeight()/2, Path.Direction.CCW); canvas.clipPath(mPath, Region.Op.REPLACE); canvas.drawBitmap(bitmap, null, bitmapRect, paint); canvas.restore();}}
实现二:通过PorterDuffXfermode 方式(注意要设置硬件加速,否则部分机子无效),优点:锯齿基本没有
package com.open.circleimageview.widget;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.PaintFlagsDrawFilter;import android.graphics.PorterDuff;import android.graphics.PorterDuffXfermode;import android.graphics.Rect;import android.graphics.RectF;import android.util.AttributeSet;import android.view.View;public class CircleImageViewB extends View {public CircleImageViewB(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init();}public CircleImageViewB(Context context, AttributeSet attrs) {super(context, attrs);init();}public CircleImageViewB(Context context) {super(context);init();}private Bitmap bitmap;private Rect bitmapRect=new Rect();private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);private Paint paint = new Paint(); { paint.setStyle(Paint.Style.STROKE); paint.setFlags(Paint.ANTI_ALIAS_FLAG); paint.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了 } private Bitmap mDstB=null; private PorterDuffXfermode xfermode=new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY); private void init() { try {if(android.os.Build.VERSION.SDK_INT>=11){setLayerType(LAYER_TYPE_SOFTWARE, null);}} catch (Exception e) {e.printStackTrace();} }public void setImageBitmap(Bitmap bitmap){this.bitmap=bitmap;}private Bitmap makeDst(int w, int h) { Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); Canvas c = new Canvas(bm); Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); p.setColor(Color.parseColor("#ffffffff")); c.drawOval(new RectF(0, 0, w, h), p); return bm; }@Overrideprotected void onDraw(Canvas canvas) {if(null==bitmap){return;}if(null==mDstB){mDstB=makeDst(getWidth(), getHeight());}bitmapRect.set(0, 0, getWidth(), getHeight()); canvas.save(); canvas.setDrawFilter(pdf); canvas.drawBitmap(mDstB, 0, 0, paint); paint.setXfermode(xfermode); canvas.drawBitmap(bitmap, null, bitmapRect, paint); paint.setXfermode(null); canvas.restore();}}
效果图如下:
代码地址:http://download.csdn.net/detail/zz7zz7zz/6240225
- android 自定义圆角ImageView以及锯齿的处理
- Android自定义View——可设置形状(圆形、圆角矩形、椭圆)的ImageView,抗锯齿
- Android自定义圆角以及向下箭头的ImageView
- 自定义圆角ImageView方案1,去锯齿
- Android自定义圆角ImageView
- android 自定义圆角imageview
- Android 自定义圆角ImageView
- Android自定义圆角ImageView
- 自定义的圆角ImageView
- Android 自定义上面圆角下面直角的ImageView
- Android 自定义ImageView实现圆角/圆形 附加OnTouchListener详细注释以及Button圆角
- Android 自定义圆角、立体ImageView -- MaterialImageView
- Android自定义圆角矩形图片ImageView
- android自定义圆角矩形Imageview
- android自定义圆角imageview学习
- 关于 android ImageView 圆角处理 圆图
- 关于 android ImageView 圆角处理 圆图
- android 自定义圆形的ImageView
- 怎么在一个jsp页面用include指令包含一个Servlet
- Codeforces Round #199 (Div. 2)
- java参数传递
- hdu-1284-钱币兑换问题
- Java NIO框架Netty教程(四) – ServerBootStrap启动流程源码分析
- android 自定义圆角ImageView以及锯齿的处理
- hdu1114Piggy-Bank(DP完全背包)
- Mysql命令操作-用户
- exe文件打开方式变成记事本无法运行
- 二、android的短信发送器
- CUDA dynamic parallelism在 visual studio 2010 中的设置
- CODE 4: Sum Root to Leaf Numbers
- 数据结构复习之【排序】
- Linux内核进程调度schedule深入理解