【android开发】图片滑动_1

最新推荐文章于 2023-08-21 00:59:31 发布

Code洁

最新推荐文章于 2023-08-21 00:59:31 发布

阅读量721

点赞数

CC 4.0 BY-SA版权

分类专栏： android

本文链接：https://blog.youkuaiyun.com/u011374890/article/details/40824879

android 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在Android应用中通过OnGestureListener实现图片滑动功能。主要步骤包括设置ViewFlipper控件，加载图片，定义触摸事件，以及在GestureDetector的onFling()方法中处理滑动效果。同时详细解析了OnGestureListener接口的6个关键方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

滑动也是android种比较常用的功能，有很多种滑动方式，今天介绍下OnGestureListener类滑动的实现过程，以图片滑动为例

先对主要的思路过程做一个总结：

1.定义viewFlipper(这个控件可以装如多个view，ImageView也在内)

2.将要显示的图片装入ViewFlipper容器

3.定义触摸屏幕事件（onTouchEvent）

4.在触摸屏幕事件中调用手势判断事件（GestureListener）

5.在手势判断事件（GestureListener）的ononFling()方法（快速滑动并松开）来实现渐变效果

以上就是滑动的大体思路，下面用具体的代码来分析

1.main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
   
     <ViewFlipper 
          android:id="@+id/viewFlipper"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"/>
    

</RelativeLayout>

2.MainActivity.java

package com.example.imageoverturn1;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.ViewFlipper;
/**
 * 滑动效果是通过 onGestureListener （手势判断）类来处理的
 * 该类有6中普通的手势判断   
 * 左右滑动用到的是onFling()方法
 * */
public class MainActivity extends Activity implements OnGestureListener{

	//1.定义图片资源
	private int[] imgs={R.drawable.img1,R.drawable.img2,
			 R.drawable.img3,R.drawable.img4,R.drawable.img5};
	//2.创建viewFlipper实例
	  ViewFlipper viewflipper=null;
	
    //8.创建手势判断实例
	  GestureDetector gestureDetector=null;
	  
	  
    //创建上下文
	  Activity mactivity=null;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		//自动播放
		mactivity=this;
		//3.获取viewFlipper实例
		viewflipper = (ViewFlipper)findViewById(R.id.viewFlipper);
		gestureDetector =new GestureDetector(this);//声明手势
		//4.添加图片资源
		for(int i=0;i<imgs.length;i++){
			//4.1创建图片控件实例
			ImageView imageView=new ImageView(this);
			imageView.setImageResource(imgs[i]);//向实例中添加对象
			imageView.setScaleType(ImageView.ScaleType.FIT_XY);//添加样式
			//4.2将图片实例添加到图片容器中
			viewflipper.addView(imageView);
		}
		//5.设置自动播放
		viewflipper.setAutoStart(true);
		viewflipper.setFlipInterval(3000);//设置播放间隔
		//6.开始时,判断是否在自动播放
		if(viewflipper.isAutoStart() && !viewflipper.isFlipping()){
			viewflipper.startFlipping();
		}
	}
	
	//7.设置点击事件（点击图片，暂停自动播放）
	@Override
	public boolean onTouchEvent(MotionEvent event) {//触摸手机屏幕事件
		//viewflipper.stopFlipping();
		//viewflipper.setAutoStart(false);
		
		return gestureDetector.onTouchEvent(event);//注册手势事件
	}
	

	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		//从左向右滑动
		if(e2.getX()-e1.getX()>120){
			Animation rInanim=AnimationUtils.loadAnimation(mactivity, R.layout.push_right_in);//渐变
			Animation rOutanim=AnimationUtils.loadAnimation(mactivity, R.layout.push_right_out);
			viewflipper.setInAnimation(rInanim);
			viewflipper.setOutAnimation(rOutanim);
			viewflipper.showPrevious();
			return true;
		}else if(e2.getX()-e1.getX()<-120){
			Animation rInanim=AnimationUtils.loadAnimation(mactivity, R.layout.push_left_in);//渐变
			Animation rOutanim=AnimationUtils.loadAnimation(mactivity, R.layout.push_left_out);
			viewflipper.setInAnimation(rInanim);
			viewflipper.setOutAnimation(rOutanim);
			viewflipper.showPrevious();
			return true;
		}
		return true;
	}
	

	@Override
	public boolean onDown(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub
		
	}

	

}

3.这里的渐变是使用xml文件来配置的

3.1 push_right_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >  
    <translate  
        android:duration="1500"  
        android:fromXDelta="-100%p"  
        android:toXDelta="0" />  
  
    <alpha  
        android:duration="1500"  
        android:fromAlpha="0.1"  
        android:toAlpha="1.0" />  
</set>

3.2 push_right_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >  
    <translate  
        android:duration="1500"  
        android:fromXDelta="0"  
        android:toXDelta="100%p" />  
  
    <alpha  
        android:duration="1500"  
        android:fromAlpha="1.0"  
        android:toAlpha="0.1" />  
</set>

3.3 push_left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set  xmlns:android="http://schemas.android.com/apk/res/android" >  
    <translate  
        android:duration="1500"  
        android:fromXDelta="100%p"  
        android:toXDelta="0" />  
  
    <alpha  
        android:duration="1500"  
        android:fromAlpha="0.1"  
        android:toAlpha="1.0" />  
</set>

3.4 push_left_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >  
    <translate  
        android:duration="1500"  
        android:fromXDelta="0"  
        android:toXDelta="-100%p" />  
  
    <alpha  
        android:duration="1500"  
        android:fromAlpha="1.0"  
        android:toAlpha="0.1" />  
</set>

最终的运行效果是