Android跟随手指移动的控件demo怎么实现

本篇内容主要讲解“Android跟随手指移动的控件demo怎么实现”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Android跟随手指移动的控件demo怎么实现”吧!

使用自定义View组件实现demo。

第一步

首先创建一个Android project，我们使用Android studio 自动创建 activity。

第二步：

准备两张图片，一个是大草原背景图片，一个是奔跑的马儿。把这两种图片均放在class="lazy" data-src/main/res/mipmap-xhdpi文件下

第三步：

在 activity_main 文件下设置布局。一般自定义的组件都是放在帧布局管理器中，将大草原图片作为布局的背景，并且给布局定一个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:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@mipmap/pic1"    android:id="@+id/horse"    tools:context=".MainActivity">

第四步

创建一个java文件，名为：HorseDemo.java  ,在这个文件中主要是设定马儿的基本属性，以及实例化画图和位图方法，详细代码如下：

package com.xiaozeng.demo;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 HorseDemo extends View {    //设置两个变量    public float horseX,horseY;//创建构造方法    public HorseDemo(Context context) {        super(context);        horseX = 200;        horseY = 300;    }    //第二步：重写onDraw方法 Ctrl+o    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //实例化画图对象        Paint paint = new Paint();        //位图对象        Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(),R.mipmap.pic2);       //回收        canvas.drawBitmap(bitmap,horseX,horseY,paint);        if(bitmap.isRecycled()){            bitmap.recycle();        }    }}

第五步

在 MainActivity 文件中需要获取布局管理器，并增加触摸事件监听器。完整代码如下：

package com.xiaozeng.demo;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.widget.FrameLayout;import android.widget.ViewAnimator;public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //获取布局管理器        FrameLayout frameLayout = findViewById(R.id.horse);        //实例化        HorseDemo horseDemo = new HorseDemo(this);        //触摸事件监听器        horseDemo.setOnTouchListener(new View.OnTouchListener() {            @Override            public boolean onTouch(View v, MotionEvent event) {                //坐标                horseDemo.horseX = event.getX();                horseDemo.horseY = event.getY();                //重绘                horseDemo.invalidate();                return true;            }        });        frameLayout.addView(horseDemo);    }}

到此，相信大家对“Android跟随手指移动的控件demo怎么实现”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！