博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自定义圆形图片控件
阅读量:6294 次
发布时间:2019-06-22

本文共 7989 字,大约阅读时间需要 26 分钟。

来自:http://blog.csdn.net/android_dong/article/details/41989499

 

 

Android圆形图片控件效果图如下:

20141217221935037.png

 

代码如下:

RoundImageView.java

package com.dxd.roundimageview;      import android.content.Context;      import android.content.res.TypedArray;      import android.graphics.Bitmap;      import android.graphics.Bitmap.Config;      import android.graphics.Canvas;      import android.graphics.Paint;      import android.graphics.PorterDuff.Mode;      import android.graphics.PorterDuffXfermode;      import android.graphics.Rect;      import android.graphics.drawable.BitmapDrawable;      import android.graphics.drawable.Drawable;      import android.graphics.drawable.NinePatchDrawable;      import android.util.AttributeSet;      import android.util.Log;      import android.widget.ImageView;            import com.alan.myimageview.R;            /**       * 圆形ImageView,可设置最多两个宽度不同且颜色不同的圆形边框。       * 设置颜色在xml布局文件中由自定义属性配置参数指定       */      public class RoundImageView extends ImageView {          private int mBorderThickness = 0;          private Context mContext;          private int defaultColor = 0xFFFFFFFF;          // 如果只有其中一个有值,则只画一个圆形边框          private int mBorderOutsideColor = 0;          private int mBorderInsideColor = 0;          // 控件默认长、宽          private int defaultWidth = 0;          private int defaultHeight = 0;                public RoundImageView(Context context) {              super(context);              mContext = context;          }                public RoundImageView(Context context, AttributeSet attrs) {              super(context, attrs);              mContext = context;              setCustomAttributes(attrs);          }                public RoundImageView(Context context, AttributeSet attrs, int defStyle) {              super(context, attrs, defStyle);              mContext = context;              setCustomAttributes(attrs);          }                private void setCustomAttributes(AttributeSet attrs) {              TypedArray a = mContext.obtainStyledAttributes(attrs,R.styleable.roundedimageview);              mBorderThickness = a.getDimensionPixelSize(R.styleable.roundedimageview_border_thickness, 0);              mBorderOutsideColor = a.getColor(R.styleable.roundedimageview_border_outside_color,defaultColor);              mBorderInsideColor = a.getColor(R.styleable.roundedimageview_border_inside_color, defaultColor);          }                @Override          protected void onDraw(Canvas canvas) {              Drawable drawable = getDrawable() ;               if (drawable == null) {                  return;              }              if (getWidth() == 0 || getHeight() == 0) {                  return;              }              this.measure(0, 0);              if (drawable.getClass() == NinePatchDrawable.class)                  return;              Bitmap b = ((BitmapDrawable) drawable).getBitmap();              Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);              if (defaultWidth == 0) {                  defaultWidth = getWidth();              }              if (defaultHeight == 0) {                  defaultHeight = getHeight();              }              int radius = 0;              if (mBorderInsideColor != defaultColor && mBorderOutsideColor != defaultColor) {// 定义画两个边框,分别为外圆边框和内圆边框                  radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - 2 * mBorderThickness;                  // 画内圆                  drawCircleBorder(canvas, radius + mBorderThickness / 2,mBorderInsideColor);                  // 画外圆                  drawCircleBorder(canvas, radius + mBorderThickness + mBorderThickness / 2, mBorderOutsideColor);              } else if (mBorderInsideColor != defaultColor && mBorderOutsideColor == defaultColor) {// 定义画一个边框                  radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness;                  drawCircleBorder(canvas, radius + mBorderThickness / 2, mBorderInsideColor);              } else if (mBorderInsideColor == defaultColor && mBorderOutsideColor != defaultColor) {// 定义画一个边框                  radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness;                  drawCircleBorder(canvas, radius + mBorderThickness / 2, mBorderOutsideColor);              } else {// 没有边框                  radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2;              }              Bitmap roundBitmap = getCroppedRoundBitmap(bitmap, radius);              canvas.drawBitmap(roundBitmap, defaultWidth / 2 - radius, defaultHeight / 2 - radius, null);          }                /**           * 获取裁剪后的圆形图片           * @param radius半径           */          public Bitmap getCroppedRoundBitmap(Bitmap bmp, int radius) {              Bitmap scaledSrcBmp;              int diameter = radius * 2;              // 为了防止宽高不相等,造成圆形图片变形,因此截取长方形中处于中间位置最大的正方形图片              int bmpWidth = bmp.getWidth();              int bmpHeight = bmp.getHeight();              int squareWidth = 0, squareHeight = 0;              int x = 0, y = 0;              Bitmap squareBitmap;              if (bmpHeight > bmpWidth) {// 高大于宽                  squareWidth = squareHeight = bmpWidth;                  x = 0;                  y = (bmpHeight - bmpWidth) / 2;                  // 截取正方形图片                  squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth, squareHeight);              } else if (bmpHeight < bmpWidth) {// 宽大于高                  squareWidth = squareHeight = bmpHeight;                  x = (bmpWidth - bmpHeight) / 2;                  y = 0;                  squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth,squareHeight);              } else {                  squareBitmap = bmp;              }              if (squareBitmap.getWidth() != diameter || squareBitmap.getHeight() != diameter) {                  scaledSrcBmp = Bitmap.createScaledBitmap(squareBitmap, diameter,diameter, true);              } else {                  scaledSrcBmp = squareBitmap;              }              Bitmap output = Bitmap.createBitmap(scaledSrcBmp.getWidth(),                      scaledSrcBmp.getHeight(),                       Config.ARGB_8888);              Canvas canvas = new Canvas(output);                    Paint paint = new Paint();              Rect rect = new Rect(0, 0, scaledSrcBmp.getWidth(),scaledSrcBmp.getHeight());                    paint.setAntiAlias(true);              paint.setFilterBitmap(true);              paint.setDither(true);              canvas.drawARGB(0, 0, 0, 0);              canvas.drawCircle(scaledSrcBmp.getWidth() / 2,                      scaledSrcBmp.getHeight() / 2,                       scaledSrcBmp.getWidth() / 2,                      paint);              paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));              canvas.drawBitmap(scaledSrcBmp, rect, rect, paint);              bmp = null;              squareBitmap = null;              scaledSrcBmp = null;              return output;          }                /**           * 边缘画圆           */          private void drawCircleBorder(Canvas canvas, int radius, int color) {              Paint paint = new Paint();              /* 去锯齿 */              paint.setAntiAlias(true);              paint.setFilterBitmap(true);              paint.setDither(true);              paint.setColor(color);              /* 设置paint的 style 为STROKE:空心 */              paint.setStyle(Paint.Style.STROKE);              /* 设置paint的外框宽度 */              paint.setStrokeWidth(mBorderThickness);              canvas.drawCircle(defaultWidth / 2, defaultHeight / 2, radius, paint);          }      }

1、定义自己的属性配置文件:attr.xml

2、在xml配置中使用控件:activity_main.xml

3、主Activity中没有相关代码,直接加载布局文件即可。

 

 

转载于:https://www.cnblogs.com/fengchuxiaodai/p/5577245.html

你可能感兴趣的文章
配置Quartz
查看>>
Linux 线程实现机制分析
查看>>
继承自ActionBarActivity的activity的activity theme问题
查看>>
设计模式01:简单工厂模式
查看>>
项目经理笔记一
查看>>
Hibernate一对一外键双向关联
查看>>
mac pro 入手,php环境配置总结
查看>>
MyBatis-Plus | 最简单的查询操作教程(Lambda)
查看>>
rpmfusion 的国内大学 NEU 源配置
查看>>
spring jpa 配置详解
查看>>
IOE,为什么去IOE?
查看>>
Storm中的Worker
查看>>
dangdang.ddframe.job中页面修改表达式后进行检查
查看>>
Web基础架构:负载均衡和LVS
查看>>
Linux下c/c++相对路径动态库的生成与使用
查看>>
SHELL实现跳板机,只允许用户执行少量允许的命令
查看>>
SpringBoot 整合Redis
查看>>
2014上半年大片早知道
查看>>
Android 6.0指纹识别App开发案例
查看>>
正文提取算法
查看>>