通过触摸屏事件实现在屏幕移动小球——Android Android

【通过触摸屏事件实现在屏幕移动小球——Android】 目的：在屏幕上可自由移动小球，当把小球移到矩形框内时关闭程序
开发工具：Android Studio3.3.2
实现过程：

第一步：新建一个designView.java文件用于设计自定义组件
1. 图形绘制类designView继承于Android.view.View
2. 设置小球的初始坐标，并定义方法getXY()用于记录触摸屏事件传递的小球坐标
3. 定义方法ifLocation()用于判断小球是否在矩形框内：当小球的横坐标大于矩形框的左边距且小于右边距，纵坐标大于矩形框上边距且小于下边距时可以确定小球在矩形框内，此时返回true，否则返回false
4. 在onDraw方法内画一个实心圆和一个矩形框

//designView.java

package com.example.myclassapplication; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.util.AttributeSet; import android.view.View; public class designView extends View { int x=150,y=50; //小球的初始坐标 int left1=400,top1=100,left2=600,top2=200; public designView(Context context, AttributeSet attrs) { super(context, attrs); } void getXY(int _x,int _y){ x =_x; y =_y; } boolean ifLocation(int _x,int _y){//用于判断是否在矩形框内 if(left1<_x&left2>_x&top1<_y&top2>_y){ return true; //在矩形内 }else{ return false; } } @Override protected void onDraw(Canvas canvas){ super.onDraw(canvas); canvas.drawColor(Color.WHITE); Paint paint = new Paint(); paint.setAntiAlias(true); //去锯齿 paint.setColor(Color.RED); //设置paint的颜色 canvas.drawCircle(x,y,30,paint); //画实心圆 paint.setColor(Color.WHITE); canvas.drawCircle(x-9,y-9,6,paint); paint.setColor(Color.RED); //设置paint的颜色 paint.setStyle(Paint.Style.STROKE); canvas.drawRect(left1,top1,left2,top2,paint); } }

第二步：设计布局文件drag_cicle.xml，在布局文件中添加自定义组件

第三步：设计主控制文件MainActivity.java
1. 关联自定义的View并添加触摸屏事件的监听方法
2. 重写监听方法onTouch，在方法中获取到坐标位置，当用户在屏幕上点击时或者滑动时，获取坐标并重新绘图，当用户手指离开屏幕时，判断小球是否在屏幕上方，如果是则退出程序

import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; package com.example.myclassapplication;

public class MainActivity extends AppCompatActivity { designView dView = null; //TextView dispaly; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.drag_circle); dView = (designView)findViewById(R.id.design_view1); //dispaly = (TextView)findViewById(R.id.display); dView.setOnTouchListener(new mOnTouch()); }class mOnTouch implements View.OnTouchListener{ @Override public boolean onTouch(View v, MotionEvent event){ int x1,y1; //获取坐标位置 x1= (int)event.getX(); y1 = (int)event.getY(); //在屏幕上点击时，获取坐标并重新绘图 if(event.getAction()==MotionEvent.ACTION_DOWN){ dView.getXY(x1,y1); dView.invalidate(); return true; }else if(event.getAction()==MotionEvent.ACTION_MOVE){//在屏幕上拖拽小球时，按新坐标绘图 dView.getXY(x1,y1); dView.invalidate(); //dispaly.setText("x1="+x1+"y1="+y1+"\n"+"left1=400,top1=100,left2=600,top2=200; "); //用于显示圆所在的坐标 return true; }else if(event.getAction()==MotionEvent.ACTION_UP){//当手指离开屏幕时，判断小球是否在屏幕上方 if(dView.ifLocation(x1,y1)){ MainActivity.this.finish(); //退出程序 } return true; } return dView.onTouchEvent(event); } } }

——程序执行效果截图