/**
* 项目名称: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;
}
}
悬浮球跟随手指移动
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 这是一个悬浮的按钮,类似于手机的AssistiveTouch效果,可以全工程悬浮的 http://code.coc...
- 实现一个跟随手指移动的view其实是特别容易实现的,不过有的时候还是挺有用的,最近做的视频互动软件就有这样的需求,...
- 我这里的View随着手指移动用的是系统方法,View.layout(int l, int t, int r, in...