Android实现图片随着手指触摸屏幕移动

一、步骤

  • 自定义view,并且重写里面的ondraw函数
  • 在mainActivity中进行调用

二、主要知识

  • 了解paint(画笔),color(颜色),canvas (画板)这里有用到canvas.drawBitmap(Bitmap bitmap,Float left,Float top,Paint paint)方法绘制图片。大家可以通过这篇文章去了解一下相关知识paint等相关知识

三、代码

我选择了一张星星的图片放在了mipmap文件夹中然后把背景颜色设置为了黑色
Android实现图片随着手指触摸屏幕移动_第1张图片

一个帧布局xml文件在layout文件夹中


然后创建一个自定义的view:starView.class

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.View;

/**
 * Created by Lenovo on 2020-05-12.
 */

public class starView extends View{
    private float bitmapX;//设置view的X坐标
    private float bitmapY;//设置view的Y坐标
    //自定义View需要实现一个显示的构造方法,并且重写onDraw方法,一切操作都将在这个方法上执行
    public starView(Context context)
    {
        super(context);
        bitmapX=200;//设置view的初始位置
        bitmapY=100;

    }
    //getters and setters
    public float getBitmapX() {
        return bitmapX;
    }

    public void setBitmapX(float bitmapX) {
        this.bitmapX = bitmapX;
    }

    public float getBitmapY() {
        return bitmapY;
    }

    public void setBitmapY(float bitmapY) {
        this.bitmapY = bitmapY;
    }

    public void onDraw(Canvas canvas) {//重写draw方法
        super.onDraw(canvas);
        Paint paint=new Paint();//画笔
        Bitmap bitmap= BitmapFactory.decodeResource(this.getResources(),R.mipmap.starimg);
        canvas.drawBitmap(bitmap,bitmapX,bitmapY,paint);//canvas画布绘制图片
        if(bitmap.isRecycled())
            bitmap.recycle();


    }
}
接下来是通过mainActivity调用
package com.example.lenovo.androidstudy;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        FrameLayout layout=(FrameLayout)findViewById(R.id.layout);//获得帧布局

       final starView star=new starView(this);//创建一个自定义的starView的View对象
        star.setOnTouchListener(new View.OnTouchListener() {//给view对象创建一个触摸的监听事件
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                star.setBitmapX(event.getX());//设置view的坐标为手指触碰的坐标
                star.setBitmapY(event.getY());
                star.invalidate();//使原来的整个窗口无效,对view进行刷新重绘
                return true;
            }
        });
        layout.addView(star);//向布局中添加组件
    }
}

希望能够帮助到大家学习,又问题可以指出来一起学习或者不懂的可以评论,大家一起讨论,加油(ง •_•)ง。

你可能感兴趣的:(Android实现图片随着手指触摸屏幕移动)