Android中圆角矩形和圆形的多种实现方式(2)_H5之家

设置渲染器的变换矩阵

/** * 这个函数为设置BitmapShader的Matrix参数，设置最小缩放比例，平移参数。 * 作用：保证图片损失度最小和始终绘制图片正中央的那部分 */ private void updateShaderMatrix() { float scaleX = 1.0f; float scaleY = 1.0f; float scale = 1.0f; float dx = 0; float dy = 0; // 如果图片的宽或者高与view的宽高不匹配，计算出需要缩放的比例；缩放后的图片的宽高，一定要大于我们view的宽高；所以我们这里取大值 if (type == TYPE_CIRCLE) { scaleX = mWidth * 1.0f / mBitmapWidth; scaleY = mWidth * 1.0f / mBitmapHeight; scale = Math.max(scaleX, scaleY); } else if (type == TYPE_ROUND) { scaleX = getWidth() * 1.0f / mBitmapWidth; scaleY = getHeight() * 1.0f / mBitmapHeight; scale = Math.max(scaleX, scaleY); } if (scaleX > scaleY) { // x轴缩放 y轴平移使得图片的x轴方向的边的尺寸缩放到图片显示区域（mDrawableRect）一样） dy = (mDrawableRect.height() - mBitmapHeight * scale) * 0.5f; } else { // y轴缩放 x轴平移使得图片的y轴方向的边的尺寸缩放到图片显示区域（mDrawableRect）一样） dx = (mDrawableRect.width() - mBitmapWidth * scale) * 0.5f; } mShaderMatrix.set(null); //缩放 mShaderMatrix.setScale(scale, scale); // 平移 mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth, (int) (dy + 0.5f) + mBorderWidth); // 设置变换矩阵 mBitmapShader.setLocalMatrix(mShaderMatrix); }

onDraw

@Override protected void onDraw(Canvas canvas) { //如果图片不存在就不画 if (getDrawable() == null) return; if (type == TYPE_ROUND) { //绘制内圆角矩形，参数矩形区域，圆角半径，图片画笔为mBitmapPaint canvas.drawRoundRect(mDrawableRect, mRoundRadius, mRoundRadius, mBitmapPaint); if (mBorderWidth != 0) { //如果圆形边缘的宽度不为0 我们还要绘制带边界的外圆角矩形参数矩形区域，圆角半径，边界画笔为mBorderPaint canvas.drawRoundRect(mBorderRect , mRoundRadius + mBorderWidth / 2, mRoundRadius + mBorderWidth / 2, mBorderPaint); } } else if (type == TYPE_CIRCLE) { //绘制内圆形，参数圆心坐标，内圆半径，图片画笔为mBitmapPaint canvas.drawCircle(getWidth() / 2, getHeight() / 2, mDrawableRadius, mBitmapPaint); //如果圆形边缘的宽度不为0 我们还要绘制带边界的外圆形参数圆心坐标，外圆半径，边界画笔为mBorderPaint if (mBorderWidth != 0) { canvas.drawCircle(getWidth() / 2, getHeight() / 2, mBorderRadius, mBorderPaint); } } }

而且，我们给自定义View添加了几个接口，可以用来直接设置类型、边缘颜色、边缘宽度和图片信息等。

使用CircleImageView
布局文件：

我们在JAVA中对三个ImageView添加点击事件

@Override public void onClick(View v) { switch (v.getId()) { case R.id.image1: image1.setBorderColor(Color.BLACK); break; case R.id.image2: image2.setImageResource(R.drawable.crazy_3); break; case R.id.image3: int type = image3.getType() == CircleImageView.TYPE_CIRCLE ? CircleImageView.TYPE_ROUND : CircleImageView.TYPE_CIRCLE; image3.setType(type); break; }

运行后效果图如下：

以上就是Android中圆角矩形和圆形的多种实现方式，希望对大家的学习有所帮助，也希望大家多多支持五二脚本。