android绘制圆形图片、圆圈以及图片缩放

这两天做开发，需要将图片资源做成圆形，并且要对图片进行缩放，研究了半天，终于整出来了，效果如下：

代码如下：

package com.android.mywidget;

import android.content.Context;
import android.graphics.*;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;
import com.android.contacts.R;
import android.util.Log;

/**
* Created with IntelliJ IDEA.
* User: XXXXXX
* Module: XXXXXXX
* Date: 13-9-24
* Time: 上午11:31
*/
public class CircleImageView extends ImageView implements View.OnClickListener {
private static final String TAG = "CircleImageView";
private Paint mPaint = new Paint();

private static final int STROKE_WIDTH = 8;

public CircleImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}

protected void onFinishInflate() {
super.onFinishInflate();
setOnClickListener(this);
}

@Override
protected void onDraw(Canvas canvas) {
Drawable drawable = getDrawable();
if (null != drawable) {
Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
Bitmap b = circleBitmap(scaleBitmap(bitmap));
final Rect rect = new Rect(0, 0, b.getWidth(), b.getHeight());
mPaint.reset();
canvas.drawBitmap(b, rect, rect, mPaint);
} else {
super.onDraw(canvas);
}
}

// 将矩形图片绘制成圆形图片并在最外围画一圈白色
private Bitmap circleBitmap(Bitmap bitmap) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);

final int color = 0xff000000;
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
mPaint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
mPaint.setColor(color);
final int width = bitmap.getWidth();
canvas.drawCircle(width / 2, width / 2, width / 2, mPaint);
mPaint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rect, mPaint);//将图片绘制成白色图片

//画白色圆圈
mPaint.reset();
mPaint.setColor(Color.WHITE);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(STROKE_WIDTH);
mPaint.setAntiAlias(true);
canvas.drawCircle(width / 2, width / 2, width / 2 - STROKE_WIDTH / 2, mPaint);

return output;
}

/**
* change the bitmap size
* @param src : Bitmap source
* @return : The scaled bitmap
*/
private Bitmap scaleBitmap(Bitmap src) {
int width = src.getWidth();//原来尺寸大小
int height = src.getHeight();

final float destSize = this.getWidth();//缩放到这个大小

//图片缩放比例，新尺寸/原来的尺寸
float scaleWidth = ((float) destSize) / width;
float scaleHeight = ((float) destSize) / height;

Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);

//返回缩放后的图片
return Bitmap.createBitmap(src, 0, 0, width, height, matrix, true);
}

@Override
public void onClick(View v) {
//To change body of implemented methods use File | Settings | File Templates.
}
}

android绘制圆形图片、圆圈以及图片缩放相关推荐

Android 绘制圆形进度条
Android 绘制圆形进度条最近项目上有一些需求,需要绘制圆形的进度条满足设计上和交互上的需求: 实现思路在画布上直接绘制View,需要了解一下几点 1.需要画一个圆 2.圆圈上有不同进度的颜色 ...
android绘制圆形、圆角、圆环图片
android实际开发中,很多地方都会用到圆形的图片,比如说头像.某些需求里面还要求圆形头像外面有一圈透明的圆环. 本文讲述的就是如何构建圆形图片. 效果图:
android 绘制圆形图片
1.自定义CircleImageView,加载即可使用 import android.content.Context; import android.content.res.TypedArray; i ...
Android绘制圆形图片的方法
1.使用Xfermode 相交模式见:http://blog.csdn.net/zcn596785154/article/details/79180145 2.通过裁剪画布区域实现 Canvas类提 ...
html5给图片加圆圈,js+canvas制作的用鼠标绘制圆形图案，可叠加产生不同色
脚本代码(For Alixixi.com)如下: Document body{ font-family: 微软雅黑; } canvas{ display:block; border:1px dotte ...
Android 自定义圆形图片 CircleImageView
1.效果预览 1.1.布局中写自定义圆形图片的路径即可 1.2.然后看一看图片效果 1.3.原图是这样的 @mipmap/ic_launcher 2.使用过程 2.1.CircleImageView源 ...
Android实现圆形圆角图片
本文主要使用两种方法实现图形圆角图片自定View加上使用Xfermode实现 Shader实现自定View加上使用Xfermode实现 /** * 根据原图和变长绘制圆形图片 * * @param ...
《Android开发卷——设置圆形头像,Android截取圆形图片》
在有一些程序开发中,有时候会用到圆形,截取一张图片的一部分圆形,作为头像或者其他. 本实例就是截图圆形,设置头像的. 首先讲解一些代码 <ImageView android:id=&q ...
Android：设置圆形头像，Android截取圆形图片
在有一些程序开发中,有时候会用到圆形,截取一张图片的一部分圆形,作为头像或者其他. 本实例就是截图圆形,设置头像的. 首先讲解一些代码 [html] view plain copy < ...

android绘制圆形图片、圆圈以及图片缩放

android绘制圆形图片、圆圈以及图片缩放相关推荐

最新文章

热门文章