Android studio-开发自己定义View的类-跟随手指的小兔子_androidstudio自定义view组件实现跟随手指的小兔子。

一、 新建一个工程名为Follow Finger Bunny

二、 修改布局为帧布局

三、 像上节课一样添加背景图添加背景图和添加id


四、 新建RabbView的Java类




相关代码如下：

package com.example.followfingerbunny;
import android.content.Context;
import android.view.View;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
public class RabbitView extends View {
    public float bitmapX;                 // 兔子显示位置的X坐标
    public float bitmapY;                 // 兔子显示位置的Y坐标
    public RabbitView(Context context) {         // 重写构造方法
        super(context);
        bitmapX = 210;                       // 设置兔子的默认显示位置的X坐标
        bitmapY = 130;                       // 设置兔子的默认显示位置的Y坐标
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();                 // 创建并实例化Paint的对象
        Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(),
                R.mipmap.rabbit);              // 根据图片生成位图对象
        canvas.drawBitmap(bitmap, bitmapX, bitmapY, paint); // 绘制小兔子
        if (bitmap.isRecycled()) {                 // 判断图片是否回收
            bitmap.recycle();              // 强制回收图片
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

五、 在MainActivity的onCreate()方法中，首先获取帧布局管理器，并实例化小兔子对象Rabbit,然后为rabbit添加触摸事件监听器，在重写的触摸事件中设置rabbit的显示位置，并重绘rabbit组件，最后将rabbit添加到布局管理器中。

相关代码如下：

package com.example.followfingerbunny;
import androidx.appcompat.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 frameLayout=(FrameLayout)findViewById(R.id.mylayout);  // 获取帧布局管理器
        final RabbitView rabbit=new RabbitView(this);        // 创建并实例化RabbitView类
        //为小兔子添加触摸事件监听
        rabbit.setOnTouchListener(new View.OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                rabbit.bitmapX=event.getX();         // 设置小兔子显示位置的X坐标
                rabbit.bitmapY=event.getY();         // 设置小兔子显示位置的Y坐标
                rabbit.invalidate();               //重绘rabbit组件
                return true;
            }
        });
        frameLayout.addView(rabbit);                     //将rabbit添加到布局管理器中
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

六、 下载程序到手机