圓形頭像DIY

如今大年夜部分app應用的都是圓形頭像，網(wǎng)上開源的也很多，然則有沒有推敲過DIY圓形頭像呢？下面就本身實現(xiàn)一個，先看下demo展示
  [img]http://img.blog.csdn.net/20150105120136311?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY21sX2Jsb2c=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
第一步：道理解釋（圖片很丑，道理很真）
   1、畫外框圓形，須要應用自定義的色彩畫一個圓形，比圖片的半徑長5dp
[img]http://img.blog.csdn.net/20150105120850921?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY21sX2Jsb2c=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
 2、自定義圓形畫好了后，將我們須要轉換成圓形頭像的圖片畫到膳綾擎，大年夜中心開端覆蓋，獲得如下圖片
 [img]http://img.blog.csdn.net/20150105120934733?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY21sX2Jsb2c=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
 3、中心朝長進步圖片，半徑設置為：r=min(width,height),圓心設為：cx=width/2,cy=height/2，如許可以大年夜中心開端朝長進步圓形圖片
第二步、代碼實現(xiàn)
 1、起首持續(xù)ImageView
 2、重寫onDraw（Canvas canvas）辦法
 3、設置圖片縮放類型setScaleType(ScaleType.CENTER_CROP); 中心朝長進步
具體代碼如下：

@Override
	protected void onDraw(Canvas canvas) {
		// super.onDraw(canvas);
		setScaleType(ScaleType.CENTER_CROP);
		Drawable drawable = getDrawable();

		if (null == drawable) {
			return;
		}

		// 將drawable轉換成bitmap==>網(wǎng)上找的
		Bitmap bitmap = Bitmap
				.createBitmap(
						drawable.getIntrinsicWidth(),
						drawable.getIntrinsicHeight(),
						drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
								: Bitmap.Config.RGB_565);

		Canvas srcCanvas = new Canvas(bitmap);

		drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
				drawable.getIntrinsicHeight());

		drawable.draw(srcCanvas);

		float cx = getWidth() / 2;
		float cy = getHeight() / 2;

		float radius = Math.min(getWidth(), getHeight()) / 2;

		Paint borderPaint = new Paint();
		borderPaint.setAntiAlias(true);
		borderPaint.setColor(Color.GREEN);

		canvas.drawCircle(cx, cy, radius, borderPaint);

		// 畫圖
		BitmapShader shader = new BitmapShader(bitmap, TileMode.CLAMP,
				TileMode.CLAMP);
		Paint paint = new Paint();
		paint.setShader(shader);
		paint.setAntiAlias(true);
		canvas.drawCircle(cx, cy, radius - 5, paint);

	}

代碼只是簡單的demo，當然可以定制成通用的CircleImageView,須要根據(jù)本身的需求DIY??！