android Studio的手势切换和 图片切换的案例

思维导图在这里插入图片描述
一、安卓手势操作原理
在安卓系统中,每一次手势交互都会依照以下顺序执行。
(1)触屏一刹那,触发一个MotionEvent事件。
(2)该事件被OnTouchListener监听,在其onTouch()方法里获得该MotionEvent对象。
(3)通过GestureDetector(手势侦测器)将此MotionEvent对象移交给OnGestureListener。
(4)OnGestureListener监听器获得该事件对象,然后根据该对象封装的信息,做出合适的处理。
这个顺序可以说就是手势操作的原理。

二、安卓手势类与接口
1、MotionEvent:动作事件类,用于封装手势、触摸笔、轨迹球等等的动作事件。其内部封装了两个重要的属性X和Y,这两个属性分别用于记录横轴和纵轴的坐标。
2、GestureDetector:手势侦测器,用于识别各种手势。
3、OnGestureListener:手势监听器,是一个手势交互的监听接口,其中提供了多个抽象方法,并根据GestureDetector的手势识别结果调用相对应的方法。
(二)涉及知识点
1、线性布局(LinearLayout)
2、动作事件(MotionEvent)
2、手势侦测器(GestureDetector)
3、手势监听器(OnGestureListener)

例子案例
效果图
在这里插入图片描述
首先准备十张要切换的图片 图片的命名规则前面一样后面标数
在这里插入图片描述
在activity的代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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/tu1"
    android:id="@+id/root"
    android:orientation="vertical"
    tools:context="net.hw.helloworld.MainActivity">



</LinearLayout>

在MainActivity的代码

package net.hw.helloworld;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.LinearLayout;
import android.widget.Toast;

public class MainActivity extends Activity {
    /*
    手势侦测器
     */

    private GestureDetector detector;
    /*
    图像标识数组
     */

    private  int[] imgIds;
    /*
    图像索引,表示在图像标识数组中的位置
     */

    private  int imgIndex;
    /*
    图像总数

     */
    private static  final int IMG_COUNT=13;
    /*
    根布局
     */
    private LinearLayout root;
    /*
    应用程序标识
     */
    private  final String TAG ="net.hw.helloworld";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);
        //
        root= (LinearLayout) findViewById(R.id.root);
        //
        imgIds=new  int[IMG_COUNT];
        for (int i=0; i<IMG_COUNT; i++){
            imgIds[i]=getResources().getIdentifier("tu" + (i +1),"mipmap","net.hw.helloworld");
        }
        detector =new GestureDetector(this, new GestureDetector.OnGestureListener() {
            @Override
            public boolean onDown(MotionEvent e) {
                Log.i(TAG,"onDown");
                Toast.makeText(MainActivity.this, "温馨提示:向左或向右滑动手指,可切换美女图片", Toast.LENGTH_SHORT).show();
                return false;
            }

            @Override
            public void onShowPress(MotionEvent e) {
                Log.i(TAG,"onShowPress");
            }

            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                Log.i(TAG,"onSingleTapUp");
                return false;
            }

            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                Log.i(TAG,"onScroll");
                return false;
            }

            @Override
            public void onLongPress(MotionEvent e) {
                Log.i(TAG,"onLongPress");

            }

            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

                Log.i(TAG,"onFling");
                //手势往左滑动
                if(e2.getX()<e1.getX()-20){
                    if(imgIndex< IMG_COUNT -1){
                        imgIndex++;

                    } else{
                        imgIndex=0;
                    }
                }
                if(e2.getX() >e1.getX()+20){
                    if(imgIndex>0 ){
                        imgIndex--;

                    } else{
                        imgIndex=IMG_COUNT -1;
                    }
                }
                root.setBackgroundResource(imgIds[imgIndex]);
                return false;
            }
        });


        }
        public boolean onTouchEvent(MotionEvent event){
            return detector.onTouchEvent(event);
        }
    }



注意的是图片的索引名字不同 里面的链接不同,如果索引错误则不会切换图片
在这里插入图片描述
运行程序查看效果

猜你喜欢

转载自blog.csdn.net/w161513820/article/details/83820835