Android自定义控件-不同形状的ImageView

这里写图片描述

实现分析:
依然是用到Paint的图层混合模式,
1、画一个你想要的形状 || 图片
2、修改Paint的图层混合模式,画图片。
3、然后就能得到你想要的形状的ImageView

paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));设置模式
这2种模式都可以很简单的实现
SRC_IN:在两者相交的地方绘制源图像,并且绘制的效果会受到目标图像透明度的影响;
DST_IN :在两者相交的地方绘制目标图像,并且绘制的效果会受到源图像透明度的影响;

主要代码:

package com.example.roundimageview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
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.util.AttributeSet;
import android.widget.ImageView;

/*
 * 圆形ImageView的实现
 * 1,先画一个圆
 * 2.修改Paint的图层混合模式
 * 3.最后在画Bitmap
 */
public class MyImageView extends ImageView {

	public MyImageView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		//得到Drawable对象
		Drawable drawable = getDrawable();
		if (drawable == null) {
			return;
		}
		if (getWidth() == 0 || getHeight() == 0) {
			return;
		}
		// 得到图片
		Bitmap b = ((BitmapDrawable) drawable).getBitmap();
		if (b == null) {
			return;
		}
		Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);

		int w = getWidth(), h = getHeight();
		int diameter = w >= h ? h : w;
		Bitmap roundBitmap = getCroppedBitmap(bitmap, diameter);
		canvas.drawBitmap(roundBitmap, 0, 0, null);
	}

	/*
	 * 获取圆形图片 1.需要图片 2.图片宽高
	 */
	private Bitmap getCroppedBitmap(Bitmap bmp, int radius) {
		Bitmap sbmp;
		if (bmp.getWidth() != radius || bmp.getHeight() != radius)
			sbmp = Bitmap.createScaledBitmap(bmp, radius, radius, false);
		else
			sbmp = bmp;

		Bitmap output = Bitmap.createBitmap(sbmp.getWidth(), sbmp.getHeight(),
				Config.ARGB_8888);
		Canvas canvas = new Canvas(output);

		final int color = 0xffa19774;
		final Paint paint = new Paint();

		final Rect rect = new Rect(0, 0, sbmp.getWidth(), sbmp.getHeight());
		// 设置为true,则图像在动画进行中会滤掉对Bitmap图像的优化操作
		// paint.setFilterBitmap(true);
		// paint.setDither(true);
		canvas.drawARGB(0, 0, 0, 0);
		paint.setAntiAlias(true);
		paint.setColor(Color.WHITE);
		// 绘制目标图层
		canvas.drawCircle(sbmp.getWidth() / 2, sbmp.getHeight() / 2,
				sbmp.getWidth() / 2 - 6f, paint);
		// 设置混合模式:在两者相交的地方绘制源图像
		paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
		// 绘制源图层
		canvas.drawBitmap(sbmp, rect, rect, paint);
		// 绘制边框
		drawCircleBorder(canvas, sbmp.getWidth() / 2 - 6f, color,
				sbmp.getWidth() / 2, sbmp.getHeight() / 2);
		return output;
	}

	// 外圆
	private void drawCircleBorder(Canvas canvas, float radius, int color,
			float defaultWidth, float defaultHeight) {
		Paint paint = new Paint();
		// 去锯齿
		paint.setAntiAlias(true);
		// 外圆颜色
		paint.setColor(Color.BLACK);
		// 设置paint的 style 为STROKE:空心
		paint.setStyle(Paint.Style.STROKE);
		// 设置paint的宽度
		paint.setStrokeWidth(6.0f);
		canvas.drawCircle(defaultWidth, defaultHeight, radius, paint);
	}
}

源码下载

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值