场景
实现效果如下
注:
博客:
/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
新建Android项目,首先打开activity_main.xml
修改其为FrameLayout帧布局管理器,并添加Id属性和背景照片
<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/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 = 290;bitmapY = 130;}@Overrideprotected 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 {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//获取layoutFrameLayout frameLayout = (FrameLayout) findViewById(R.id.frameLayout);//声明自定义Viewfinal DogView dogView = new DogView(this);//设置触摸事件监听器dogView.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {//获取触摸位置的X的坐标dogView.bitmapX = event.getX();//获取触摸位置Y的坐标dogView.bitmapY = event.getY();//需要重绘viewdogView.invalidate();return true;}});//将自定义view添加到layout中frameLayout.addView(dogView);}}