场景

实现效果如下

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi

关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

新建Android项目，首先打开activity_main.xml

修改其为FrameLayout帧布局管理器，并添加Id属性和背景照片

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/frameLayout"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/bg"

    tools:context=".MainActivity">

</FrameLayout>

然后在包下新建自定View类dog类

使其继承View类，然后声明两个float变量来存储其位置。在其构造方法中对位置进行初始化。

然后重写onDraw方法，根据指定的位置进行重绘view

package com.badao.defineview;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.view.View;

public class DogView extends View {

    public float bitmapX;

    public  float bitmapY;

    public DogView(Context context) {

        super(context);

        bitmapX = ;

        bitmapY = ;

    }

    @Override

    protected void onDraw(Canvas canvas) {

        super.onDraw(canvas);

        //新建画笔对象

        Paint paint = new Paint();

        //获取照片

        Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(), R.drawable.dog);

        //绘制照片

        canvas.drawBitmap(bitmap,bitmapX,bitmapY,paint);

        //回收图片

        if(bitmap.isRecycled())

        {

            bitmap.recycle();

        }

    }

}

然后回到MainActivity，获取layout,声明自定义的view并设置触摸事件监听器，将触摸位置的坐标赋值给自定义view的位置，然后重绘view，并将其添加到layout中

package com.badao.defineview;

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);

        //获取layout

        FrameLayout frameLayout = (FrameLayout) findViewById(R.id.frameLayout);

        //声明自定义View

        final DogView dogView = new DogView(this);

        //设置触摸事件监听器

        dogView.setOnTouchListener(new View.OnTouchListener() {

            @Override

            public boolean onTouch(View v, MotionEvent event) {

                //获取触摸位置的X的坐标

                dogView.bitmapX = event.getX();

                //获取触摸位置Y的坐标

                dogView.bitmapY = event.getY();

                //需要重绘view

                dogView.invalidate();

                return true;

            }

        });

        //将自定义view添加到layout中

        frameLayout.addView(dogView);

    }

}

巴特西

Android中实现自定义View组件并使其能跟随鼠标移动

场景

实现

最新文章

热门文章