实现跟随手指移动的小球—跟随移动颜色变化哦！

     

实现的功能：

手指在屏幕上滑动，小球始终跟随手指移动。

实现的思路：

1）自定义View，在onDraw中画圆作为小球；

2）重写自定义View的onTouchEvent方法，记录触屏坐标，用新的坐标重新绘制小球；

3）在布局中引用自定义View布局，运行程序，实现跟随手指移动效果。

关键技术点：

自定义View应用、触摸事件处理、canvas绘图、Paint应用。

     

      首先我们先自定义View类，然后继承View。

public class BallView extends View {

    private Paint paint;
    Context context;
    //圆的初始位置坐标
    private int x=200;
    private int y=200;
    private int radius=100;

    //定义颜色数组  
    private int colorArray[] = {Color.BLACK,Color.GRAY,Color.GREEN,Color.YELLOW, Color.RED};

    public BallView(Context context) {
        super(context);
        this.context=context;
    }

    public BallView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context=context;
    }

    public BallView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context=context;
    }

    /**
     * onDraw方法实现绘制内容
     * @param canvas
     */

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        //用canvas将背景设置成白色
        canvas.drawColor(Color.WHITE);

        //设置画笔
        paint=new Paint();
        setPaintRandomColor();
        //消除锯齿
        paint.setAntiAlias(true);

        canvas.drawCircle(x,y,radius,paint);

    }

    //为画笔设置随机颜色  
    private void setPaintRandomColor(){
        Random rand = new Random();
        int randomIndex = rand.nextInt(colorArray.length);
        paint.setColor(colorArray[randomIndex]);
    }

    //实现onTouchEvent方法


    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                x=(int)event.getX();
                y= (int) event.getY();
                System.out.println("按下时："+ "x坐标"+event.getRawX()+" "+"y坐标："+event.getRawY());

                break;
            case MotionEvent.ACTION_MOVE:

                x=(int)event.getX();
                y= (int) event.getY();

                System.out.println("移动时："+ "x坐标"+event.getRawX()+" "+"y坐标："+event.getRawY());


                break;
            case MotionEvent.ACTION_UP:

                x=(int)event.getX();
                y= (int) event.getY();

                System.out.println("抬起时："+ "x坐标"+event.getRawX()+" "+"y坐标："+event.getRawY());

                break;
        }

        //获取屏幕高度
        WindowManager manager=(WindowManager)context.getSystemService(context.WINDOW_SERVICE);
        int width=manager.getDefaultDisplay().getWidth();
        int height=manager.getDefaultDisplay().getHeight();

        if (x>=18 && y>=18 && x<= width-18 && y <= height-18){
            postInvalidate();
        }

        return true;
    }
}

    在xml中把自定义View的类写一下， 在这里就不写了

    在主Activity里把自定义View类给写一下

public class BallActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RelativeLayout container=(RelativeLayout)findViewById(R.id.activity_main);

        BallView ballView=new BallView(this);

        container.addView(ballView);


    }
}

        这样 我们的颜色变化的小球就完成了。