通过单点触摸移动图片

这篇博客介绍了如何在安卓应用中实现单点触摸移动图片的功能。首先,需要在布局资源文件中放置一张图片,并设置合适的id及scaleType属性。接着,在主布局文件中进行相关配置,通过监听触摸事件来实现图片的移动。最终,用户可以通过触摸屏幕来平移图片。
摘要由CSDN通过智能技术生成

编写布局资源文件

先准备一张图片放入drawable内
在这里插入图片描述
这里主要就是将图片显示出来并设置id(android:scaleType="fitXY"表示图片按原比例设置大小)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bk019"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/ivImages"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:scaleType="fitXY"
        android:src="@drawable/bk031" />


</LinearLayout>

编写主布局文件

(tag是为了看移动图片时的数据)

import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private static final String TAG = "move_images_by_touch";
    private ImageView ivImages;
    private LinearLayout root;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);
        //通过资源标识符获取控件实例
        ivImages = findViewById(R.id.ivImages);
        root = findViewById(R.id.root);

        //设置根布局可以获取焦点
        root.setFocusable(true);
        //让布局获取焦点
        root.requestFocus();


        //给根布局注册完触摸监听器,实现触摸监听器接口,编写触摸事件代码
        root.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent event) {
                //根据触摸动作执行不同的操作
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:  //触点按下
                        Log.d(TAG, "ACTION_DOWN"+event.getX() + "," + event.getY());
                        break;
                    case MotionEvent.ACTION_MOVE: //触点移动
                        Log.d(TAG, "ACTION_MOVE"+event.getX() + "," + event.getY());
                        break;
                    case MotionEvent.ACTION_UP: //触点放开
                        Log.d(TAG, "ACTION_UP"+event.getX() + "," + event.getY());
                        break;
                }
                //设置图像控件坐标
                ivImages.setX(event.getX()-ivImages.getWidth()/2);
                ivImages.setY(event.getY()-ivImages.getHeight()/2);
                return true;//设置为真,三个事件:down-->move-->up依次执行
            }
        });
    }
}

效果
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值