ViewFilpper、Gesture 实现图片左右滑动切换

本文介绍如何使用ViewFlipper和手势识别实现图片在界面上的左右滑动切换功能,包括XML动画文件的创建和Activity中的事件处理。

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

ViewFilpper、Gesture 实现图片左右滑动切换

push_left_in.xml

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

push_left_out.xml

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

push_right_in.xml

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

push_right_out.xml

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

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.GestureDetector.OnDoubleTapListener;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.widget.ViewFlipper;

public class ViewFilpperActivity extends Activity implements OnGestureListener , OnDoubleTapListener{
    private static final String TAG="ViewFilpper";
    private ViewFlipper mViewFilpper;
    private  GestureDetector mGestureDetector;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mViewFilpper = (ViewFlipper)findViewById(R.id.filpper);
        mViewFilpper.startFlipping();    
        mGestureDetector = new GestureDetector(this); 
    }

    @Override
    public boolean onTouchEvent(MotionEvent event){
        mGestureDetector.onTouchEvent(event);
        return super.onTouchEvent(event);
    }

    @Override
    public boolean onDoubleTap(MotionEvent arg0){
        Log.i(TAG,"双击");
        if(mViewFilpper.isFlipping()){
            mViewFilpper.stopFlipping();
        }else{
            mViewFilpper.startFlipping();
        }
        return true;
    }

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

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

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

    @Override
    public boolean onFling(MotionEvent e1,MotionEvent e2,float velocityX,
            float velocityY){
        Log.i(TAG,"滑动"+e1.getX()+"-->"+e2.getX());
        if(e1.getX()>e2.getX()+10){
            Log.i(TAG,"左滑动");
            mViewFilpper.showNext();
        }else if(e1.getX()<e2.getX()+10){
            
            Log.i(TAG,"右滑动");
            mViewFilpper.setInAnimation(getApplicationContext(),R.anim.push_right_in);
            mViewFilpper.setOutAnimation(getApplicationContext(),R.anim.push_right_out);
            mViewFilpper.showPrevious();
            mViewFilpper.setInAnimation(getApplicationContext(),R.anim.push_left_in);
            mViewFilpper.setOutAnimation(getApplicationContext(),R.anim.push_left_out);
        }else{
            return false;
        }
        return true;
    }

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

    @Override
    public boolean onScroll(MotionEvent e1,MotionEvent e2,float distanceX,
            float distanceY){
        // 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;
    }
}


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值