android自定义圆形ImageView(学习笔记整理)

 现在网络上很流行使用圆形头像,最近整理了下之前写的自定义的ImageVeiw的圆形图片处理,实现了带内外圆边框的圆形图片,可自定义图片的边框颜色和宽度,上图:


重写imageview,需要设置你想添加的参数,这里是外圆以及内圆的颜色和宽度

	public void setAttributeset(AttributeSet attrs) {
		// 无设置参数,使用默认值
		TypedArray ta = mContext.obtainStyledAttributes(attrs, // 数组存放
				R.styleable.roundimageview);
		thickness = ta.getDimensionPixelSize(
				R.styleable.roundimageview_border_thickness, 0);
		mBorderInsiderColor = ta.getColor(
				R.styleable.roundimageview_border_inside_color, defaultColor);
		mBorderOutSideColor = ta.getColor(
				R.styleable.roundimageview_border_outside_color, defaultColor);
		ta.recycle(); // 回收以便再次使用
	}
重写其中的ondraw方法
@Override
	protected void onDraw(Canvas canvas) {
	
		// super.onDraw(canvas);
		Drawable drawable = getDrawable();
		if (drawable != null && drawable.isStateful()) {
			drawable.setState(getDrawableState());
		}
		if (drawable == null) {
			return;
		}
		// getWidth()是获得ImageView的宽度,getHeight()是获得ImageView的高度
		if (getWidth() == 0 || getHeight() == 0) {
			return;
		}
		// 内部的主体逻辑是判断是否需要重新测量视图大小
		this.measure(0, 0);
		if (drawable.getClass() == NinePatchDrawable.class)
			return;
		BitmapDrawable bd = (BitmapDrawable) drawable;
		Bitmap bitmap = bd.getBitmap();
		bitmap = bitmap.copy(Config.ARGB_8888, true);
		if (defWidth == 0) {
			defWidth = getWidth(); // 获取view的宽度,不是图片的宽度
		}
		if (defHeight == 0) {
			defHeight = getHeight();
		}
		int radius = 0;
		// 图片边框宽度是以边框线为中心,向两侧均匀描边,所以要注意半径的处理
		if (mBorderInsiderColor != defaultColor
				&& mBorderOutSideColor != defaultColor) { // 画出内外边框
			radius = (defWidth < defHeight ? defWidth : defHeight) / 2
					- thickness * 2;
			drawCircularBorder(canvas, radius + thickness / 2,
					mBorderInsiderColor);
			drawCircularBorder(canvas, radius + thickness / 2 + thickness,
					mBorderOutSideColor);
		} else if (mBorderInsiderColor != defaultColor
				&& mBorderOutSideColor == defaultColor) { // 画出内边框
			radius = (defWidth < defHeight ? defWidth : defHeight) / 2
					- thickness / 2;
			drawCircularBorder(canvas, radius + thickness / 2,
					mBorderInsiderColor);
		} else if (mBorderInsiderColor == defaultColor
				&& mBorderOutSideColor != defaultColor) { // 画出外边框
			radius = (defWidth < defHeight ? defWidth : defHeight) / 2
					- thickness;
			drawCircularBorder(canvas, radius + thickness / 2,
					mBorderOutSideColor);
		} else { // 无边框
			radius = (defWidth < defHeight ? defWidth : defHeight) / 2;
		}

		Bitmap roundBitmap = getRoundBitmap(bitmap, radius);

		canvas.drawBitmap(roundBitmap, defWidth / 2 - radius, defHeight / 2
				- radius, null);
	}
画出空心圆

/**
	 * 画空心圆
	 * 
	 * @param canvas
	 * @param radius
	 * @param color
	 */

	private void drawCircularBorder(Canvas canvas, int radius, int color) {
		Paint paint = new Paint();
		// 锯齿处理
		paint.setAntiAlias(true);
		// 对位图进行滤波处理
		paint.setFilterBitmap(true);
		// 位图抖动处理
		paint.setDither(true);
		paint.setColor(color);
		// 设置成抗锯齿
		paint.setStyle(Paint.Style.STROKE);
		// 边框的宽度
		paint.setStrokeWidth(thickness);
		canvas.drawCircle(defWidth / 2, defHeight / 2, radius, paint);
	}
画出圆形图片

	/**
	 * 获得圆形位图
	 * 
	 * @param bitmap
	 * @param radius
	 * @return
	 */
	private Bitmap getRoundBitmap(Bitmap bitmap, int radius) {
		Bitmap scaledSrcBmp;
		// 直径
		int diameter = radius * 2;
		int x = 0;
		int y = 0;
		int width = 0;
		int height = 0;
		width = bitmap.getWidth();
		height = bitmap.getHeight();
		int squalWidth = 0;
		int squalHeight = 0;
		Bitmap squareBtimap = null;
		// 现将图片裁剪成正方形
		if (width > height) {
			squalWidth = squalHeight = height;
			y = 0;
			x = (width - height) / 2;
			squareBtimap = Bitmap.createBitmap(bitmap, x, y, squalWidth,
					squalHeight);
		} else if (width < height) {
			squalWidth = squalHeight = width;
			x = 0;
			y = (height - width) / 2;
			squareBtimap = Bitmap.createBitmap(bitmap, x, y, squalWidth,
					squalHeight);
		} else if (width == height) {
			squareBtimap = bitmap;
		}
		// 判断直径与宽高是否相等
		if (squareBtimap.getWidth() != diameter
				|| squareBtimap.getHeight() != diameter) {
			scaledSrcBmp = Bitmap.createScaledBitmap(squareBtimap, diameter,
					diameter, true);

		} else {
			scaledSrcBmp = squareBtimap;
		}
		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);
		bitmap = null;
		scaledSrcBmp = null;
		squareBtimap = null;
		return output;
	}

上传源码


转载请注明出自:http://blog.csdn.net/lwx635991604/article/details/42687313




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值