悬浮球跟随手指移动
2019-01-18 本文已影响0人
郑伟1
/**
* 项目名称:mobile_android
* 创建者: 郑伟
* 创建时间:2019/1/18 上午10:44
* 功能简介:跟随手指移动的小球
*/
public class MoveBallView extends View {
private float currentX, currentY;//起始坐标
private boolean isDraw;//是否绘制
private float radius = 100;//半径
private Paint mPaint;//画笔
private float height, width;//屏幕宽高
private float downX, downY;//按下时的坐标
public MoveBallView(Context context) {
super(context);
init();
}
public MoveBallView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}
public MoveBallView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
//创建画笔
mPaint = new Paint();
//设置消除锯齿
mPaint.setAntiAlias(true);
//拿屏幕的宽高
DisplayMetrics metrics = new DisplayMetrics();
((Activity) getContext()).getWindowManager().getDefaultDisplay().getMetrics(metrics);
height = metrics.heightPixels;
width = metrics.widthPixels;
//设置球的起始位置
currentX = width - radius - 100;
currentY = height - radius - 300;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//设置画笔的颜色
mPaint.setColor(Color.RED);
//绘制个球
canvas.drawCircle(currentX, currentY, radius, mPaint);
//设置文字大小
mPaint.setTextSize(DisplayUtil.dip2px(getContext(), 14));
mPaint.setColor(Color.WHITE);
//找到文字的绘制中心
float textX = currentX - mPaint.measureText("抢尾单") / 2;
float textY = currentY + (mPaint.getFontMetrics().bottom - mPaint.getFontMetrics()
.top) / 2 - mPaint.getFontMetrics().bottom;
//绘制个字
canvas.drawText("抢尾单", textX, textY, mPaint);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downX = event.getX();
downY = event.getY();
//为了解决阻碍页面其他控件消费事件的问题来返回true或false 判断主要是为了确定我点的范围是球
if ((downX > currentX - radius && downX < currentX + radius) && (downY > currentY
- radius && downY < currentY + radius)) {
isDraw = true;
} else {
return false;
}
case MotionEvent.ACTION_MOVE:
if (isDraw) {
//修改当前的坐标
currentX = event.getX();
currentY = event.getY();
//防止出去四个边界
if (currentX < radius) currentX = radius;
if (currentX > width - radius) currentX = width - radius;
if (currentY < radius) currentY = radius;
if (currentY > height - radius) currentY = height - radius;
//重绘小球
invalidate();
}
break;
case MotionEvent.ACTION_UP:
//为了区分是在点击球还是移动球
if (Math.abs(event.getX() - downX) < 10 || Math.abs(event.getY() - downY) < 10)
performClick();
isDraw = false;
return false;
}
return true;
}
}