android设置imageview弧度,Android自定义View 一个可设置四个顶点弧度的ImageView

项目介绍：

点击打开链接

代码：

自定义属性  ：

values/attrs.xml

代码部分：

package com.example.he.customimageview;

import android.animation.ValueAnimator;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.graphics.PorterDuff;

import android.graphics.PorterDuffXfermode;

import android.graphics.Rect;

import android.graphics.RectF;

import android.graphics.drawable.BitmapDrawable;

import android.graphics.drawable.Drawable;

import android.support.annotation.NonNull;

import android.util.AttributeSet;

import android.util.Log;

import android.view.animation.LinearInterpolator;

import android.widget.ImageView;

/**

* Created by he on 2017/3/11.

*/

public class CustomImageView extends ImageView {

private final String TAG = getClass().getSimpleName();

private Paint mPaint;

private Path mPath;

private Drawable drawable;

//控件在指定为wrap_content下的默认宽高

private static final int DEFAULT_WIDTH = 500;

private static final int DEFAULT_HEIGHT = 300;

private float leftTopX;

private float leftTopY;

private float rightTopX;

private float rightTopY;

private float rightBottomX;

private float rightBottomY;

private float leftBottomX;

private float leftBottomY;

private float roundPx;

private int dx;

private int dy;

public CustomImageView(Context context) {

this(context, null);

}

public CustomImageView(Context context, AttributeSet attrs) {

super(context, attrs);

mPaint = new Paint();

mPath = new Path();

mPaint.setAntiAlias(true);

mPaint.setColor(Color.WHITE);

drawable = getDrawable();

setWillNotDraw(false);

obtainStyledAttributes(attrs);

setImageResource(R.drawable.transparent);

}

/**

* 获取自定义属性

*

* @param attrs

*/

private void obtainStyledAttributes(AttributeSet attrs) {

final TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.CustomImageView);

leftTopX = a.getFloat(R.styleable.CustomImageView_leftTopX, 10f);

leftTopY = a.getFloat(R.styleable.CustomImageView_leftTopY, 15f);

rightTopX = a.getFloat(R.styleable.CustomImageView_rightTopX, 10f);

rightTopY = a.getFloat(R.styleable.CustomImageView_rightTopY, 15f);

rightBottomX = a.getFloat(R.styleable.CustomImageView_rightBottomX, 10f);

rightBottomY = a.getFloat(R.styleable.CustomImageView_rightBottomY, 15f);

leftBottomX = a.getFloat(R.styleable.CustomImageView_leftBottomX, 10f);

leftBottomY = a.getFloat(R.styleable.CustomImageView_leftBottomY, 15f);

roundPx = a.getFloat(R.styleable.CustomImageView_roundPx, 0f);

a.recycle();

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

int heightSize = MeasureSpec.getSize(heightMeasureSpec);

if (widthMode == MeasureSpec.AT_MOST && heightMode == MeasureSpec.AT_MOST) {

setMeasuredDimension(DEFAULT_WIDTH, DEFAULT_HEIGHT);

} else if (widthMode == MeasureSpec.AT_MOST) {

setMeasuredDimension(DEFAULT_WIDTH, heightSize);

} else if (heightMode == MeasureSpec.AT_MOST) {

Log.d(TAG, "onMeasure: " + widthSize);

setMeasuredDimension(widthSize, DEFAULT_HEIGHT);

} else {

setMeasuredDimension(widthSize, heightSize);

}

}

@Override

protected void onDraw(Canvas canvas) {

if (drawable == null) {

super.onDraw(canvas);

return;

}

Bitmap b = ((BitmapDrawable) drawable).getBitmap();

RectF rectF = new RectF(dx, dy, getWidth() - dx, getHeight() - dy);

//清屏

// canvas.drawColor(Color.BLUE, PorterDuff.Mode.CLEAR);

// Paint p=new Paint();

// p.setColor(Color.WHITE);

// canvas.drawPaint(p);

canvas.drawARGB(0, 0, 0, 0);

int layId = canvas.saveLayer(0, 0, getWidth(), getHeight(), null, Canvas.ALL_SAVE_FLAG);

final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());

final Rect rectDst = new Rect(0, 0, getWidth(), getHeight());

if (roundPx > 0f) {

canvas.drawRoundRect(rectF, roundPx, roundPx, mPaint);

} else {

float radii[] = {leftTopX, leftTopY, rightTopX, rightTopY, rightBottomX, rightBottomY, leftBottomX, leftBottomY};

mPath.addRoundRect(rectF, radii, Path.Direction.CCW);

canvas.drawPath(mPath, mPaint);

}

mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

canvas.drawBitmap(b, rectSrc, rectDst, mPaint);

mPaint.setXfermode(null);

canvas.restoreToCount(layId);

}

public void clipX(int start, int end, long duration) {

ValueAnimator animator = ValueAnimator.ofInt(start, end);

animator.setDuration(duration);

animator.setInterpolator(new LinearInterpolator());

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

dx = (int) animation.getAnimatedValue();

postInvalidate();

}

});

animator.start();

}

public void clipY(int start, int end, long duration) {

ValueAnimator animator = ValueAnimator.ofInt(start, end);

animator.setDuration(duration);

animator.setInterpolator(new LinearInterpolator());

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator animation) {

dy = (int) animation.getAnimatedValue();

postInvalidate();

}

});

animator.start();

}

public static int dp2px(Context context, float dpValue) {

final float scale = context.getResources().getDisplayMetrics().density;

return (int) (dpValue * scale + 0.5f);

}

// /**

// * 绘制圆角矩形图片

// */

// @Override

// protected void onDraw(Canvas canvas) {

Drawable drawable = getDrawable();

// if (drawable!=null) {

// Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();

// Bitmap b = getRoundBitmap(bitmap);

// final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());

// final Rect rectDst = new Rect(0, 0, getWidth(), getHeight());

// mPaint.reset();

// canvas.drawBitmap(b, rectSrc, rectDst, mPaint);

//

// } else {

// super.onDraw(canvas);

// }

// }

/**

* 获取圆角矩形图片

*

* @param bitmap

* @param

* @return Bitmap

*/

private Bitmap getRoundBitmap(@NonNull Bitmap bitmap) {

Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),

bitmap.getHeight(), Bitmap.Config.ARGB_8888);

Canvas canvas = new Canvas(output);

final int color = 0xff424242;

final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

final RectF rectF = new RectF(rect);

mPaint.setAntiAlias(true);

canvas.drawARGB(0, 0, 0, 0);

mPaint.setColor(color);

Path path = new Path();

if (roundPx > 0f) {

canvas.drawRoundRect(rectF, roundPx, roundPx, mPaint);

Log.d(TAG, "getRoundBitmap: ");

} else {

// float radii[] = {400, 400, 400, 450, 400, 450, 400, 450};

float radii[] = {leftTopX, leftTopY, rightTopX, rightTopY, rightBottomX, rightBottomY, leftBottomX, leftBottomY};

path.addRoundRect(rectF, radii, Path.Direction.CCW);

canvas.drawPath(path, mPaint);

}

mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

canvas.drawBitmap(bitmap, rect, rect, mPaint);

return output;

}

}

MainActivity：

package com.example.he.customimageview;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.Button;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private int width;

private int height;

private CustomImageView imageView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

imageView = (CustomImageView) findViewById(R.id.ima);

Button clipX = (Button) findViewById(R.id.clipX);

Button clipY = (Button) findViewById(R.id.clipY);

Button recoverX = (Button) findViewById(R.id.recoverX);

Button recoverY = (Button) findViewById(R.id.recoverY);

clipX.setOnClickListener(this);

clipY.setOnClickListener(this);

recoverX.setOnClickListener(this);

recoverY.setOnClickListener(this);

width = CustomImageView.dp2px(this, 200);

height = CustomImageView.dp2px(this, 100);

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.clipX:

//从左右两边同时裁剪，裁剪掉宽度的2/3(左边裁1/3，右边裁1/3)

imageView.clipX(0, width / 3, 5000);

break;

case R.id.clipY:

//从上下两边同时裁剪，裁剪掉高度的2/3(上边裁1/3，下边裁1/3)

imageView.clipY(0, height / 3, 5000);

break;

case R.id.recoverX:

imageView.clipX(width / 3, 0, 4000);

break;

case R.id.recoverY:

imageView.clipY(height / 3, 0, 5000);

break;

default:

break;

}

}

}

源码地址：点击打开链接

如果觉得还可以求个Star