通过触摸屏事件实现在屏幕移动小球——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，在布局文件中添加自定义组件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.myclassapplication.MainActivity">
    <com.example.myclassapplication.designView
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:id="@+id/design_view1"/>
    <!--用于显示参数的TextView
    <TextView-->
        <!--android:layout_height="wrap_content"-->
        <!--android:layout_width="300dp"-->
        <!--android:textColor="@color/colorAccent"-->
        <!--android:layout_margin="100dp"-->
        <!--android:text="描述"-->
        <!--android:id="@+id/display"/>-->
</RelativeLayout>

• 第三步：设计主控制文件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);
        }
    }
}

——程序执行效果截图