![](https://i-blog.csdnimg.cn/blog_migrate/cce9dbf7972479c5d78c399836046ce8.gif)
binView.gif
运用Path和Canvas旋转实现的效果
/**
* 垃圾桶
*/
public class BinView extends View {
private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
private Bitmap bottomBitmap;
//下面的高度
private int bottomHeight = 50;
//盖子宽度
private int gaiziWidth = 100;
//盖子初始Y坐标
private int gaiziOffset;
private Path gaiziPath;
//旋转角度
private float rotate = 1;
public BinView(Context context) {
super(context);
}
public BinView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setColor(Color.BLACK);
mPaint.setStrokeWidth(5);
mPaint.setStrokeCap(Paint.Cap.ROUND);
}
@Override
protected void onDraw(Canvas canvas) {
int centerX = canvas.getWidth() / 2;
int centerY = canvas.getHeight() / 2;
if (bottomBitmap == null) {//缓冲
bottomBitmap = Bitmap.createBitmap(getMeasuredWidth(), getMeasuredHeight(), Bitmap.Config.ARGB_8888);
Canvas bottomCanvas = new Canvas(bottomBitmap);
//画中间三条竖线
int spac = 10;//每条线的间距
Path path1 = new Path();
path1.moveTo(centerX, centerY);
path1.lineTo(centerX, centerY + bottomHeight);
Path path2 = new Path();
path2.moveTo(centerX - spac, centerY);
path2.lineTo(centerX - spac, centerY + bottomHeight);
Path path3 = new Path();
path3.moveTo(centerX + spac, centerY);
path3.lineTo(centerX + spac, centerY + bottomHeight);
bottomCanvas.drawPath(path1, mPaint);
bottomCanvas.drawPath(path2, mPaint);
bottomCanvas.drawPath(path3, mPaint);
//底部
int bottomWidth = 40;
Path path4 = new Path();
path4.moveTo(centerX - bottomWidth / 2, centerY + spac + bottomHeight);
path4.lineTo(centerX + bottomWidth / 2, centerY + spac + bottomHeight);
bottomCanvas.drawPath(path4, mPaint);
//画左边斜线
bottomCanvas.save();
bottomCanvas.rotate(-15, centerX - bottomWidth / 2, centerY + spac + bottomHeight);
Path path5 = new Path();
path5.moveTo(centerX - bottomWidth / 2, centerY + spac + bottomHeight);
path5.lineTo(centerX - bottomWidth / 2, centerY - spac);
bottomCanvas.drawPath(path5, mPaint);
bottomCanvas.restore();
//画右边斜线
bottomCanvas.save();
bottomCanvas.rotate(15, centerX + bottomWidth / 2, centerY + spac + bottomHeight);
Path path6 = new Path();
path6.moveTo(centerX + bottomWidth / 2, centerY + spac + bottomHeight);
path6.lineTo(centerX + bottomWidth / 2, centerY - spac);
bottomCanvas.drawPath(path6, mPaint);
bottomCanvas.restore();
gaiziOffset = spac;
}
//画底部缓冲
canvas.drawBitmap(bottomBitmap, 0, 0, mPaint);
//画盖子
if (gaiziPath == null) {
gaiziPath = new Path();
gaiziPath.moveTo(centerX - gaiziWidth / 2, centerY - gaiziOffset);
gaiziPath.lineTo(centerX + gaiziWidth / 2, centerY - gaiziOffset);
int gaiziHeadWidth = 10;
gaiziPath.addRect(centerX - gaiziHeadWidth, centerY - gaiziHeadWidth - gaiziOffset, centerX + gaiziHeadWidth, centerY - gaiziOffset, Path.Direction.CW);
}
canvas.save();
canvas.rotate(45 * (1 - rotate), centerX + gaiziWidth / 2, centerY - gaiziOffset);
canvas.drawPath(gaiziPath, mPaint);
canvas.restore();
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
startAnime();
}
return super.onTouchEvent(event);
}
private ValueAnimator valueAnimator;
public void startAnime() {
if (valueAnimator == null) {
valueAnimator = ValueAnimator.ofFloat(1);
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setDuration(1000);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
rotate = (float) animation.getAnimatedValue();
postInvalidate();
}
});
}
valueAnimator.start();
}
}