Android实现左右滑动效果

时间：2024-10-15 14:03:24

1、设置布局文件，其中使用到Vie嘛术铹砾wFlipper控件，内容如下：<?xml version="1.0" encoding租涫疼迟="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/background" android:paddingBottom="@dimen/activity_optopns_vertical_margin" android:paddingLeft="@dimen/activity_options_horizontal_margin" android:paddingRight="@dimen/activity_options_horizontal_margin" android:paddingTop="@dimen/activity_optopns_vertical_margin" tools:context=".ImageFlipperActivity" > <RelativeLayout android:id="@id/rl_image_flipper_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:id="@+id/btn_image_flipper_back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_marginBottom="10dp" android:background="@drawable/custom_button" android:text="@string/back" android:textColor="@color/textColor" android:textSize="16sp" android:visibility="visible" /> <TextView android:id="@id/tv_image_flipper_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="@string/image_flipper" android:textColor="@color/textColor" android:textSize="30sp" android:textStyle="bold" /> </RelativeLayout> <LinearLayout android:id="@id/ll_image_flipper_content" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/rl_image_flipper_title" android:layout_marginBottom="20dp" android:layout_marginTop="20dp" android:gravity="center" android:orientation="vertical" > <ViewFlipper android:id="@id/vf_image_flipper" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout></RelativeLayout>

2、从左边进入的动画文件，其内容如下：<?xml version="1.0" encoding=&鳎溻趄酃quot;utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >  <translate android:duration="500" android:fromXDelta="100%p" android:toXDelta="0" />  <alpha android:duration="500" android:fromAlpha="0.1" android:toAlpha="1.0" /></set>

3、从左边退出的动画文件，其内容如下：<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="500" android:fromXDelta="0" android:toXDelta="-100%p" /> <alpha android:duration="500" android:fromAlpha="1.0" android:toAlpha="0.1" /></set>

4、从右边进入的动画文件，其内容如下：<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="500" android:fromXDelta="-100%p" android:toXDelta="0" /> <alpha android:duration="500" android:fromAlpha="0.1" android:toAlpha="1.0" /></set>

5、从右边退出的动画文件，其内容如下：<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="500" android:fromXDelta="0" android:toXDelta="100%p" /> <alpha android:duration="500" android:fromAlpha="1.0" android:toAlpha="0.1" /></set>

6、加载布局文件和动画文件的类，其源码内容为：/****/package com.i114gbox.aglieguy;import android.content.Context;import android.os.Bundle;import android.view.GestureDetector;import android.view.GestureDetector.OnGestureListener;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.animation.AnimationUtils;import android.widget.Button;import android.widget.ImageView;import android.widget.ViewFlipper;import com.i114gbox.sdk.activity.I114gBoxActivity;import com.i114gbox.sdk.utils.I114gBoxCollectActivityUtils;import com.i114gbox.sdk.utils.I114gBoxLogUtils;import com.i114gbox.sdk.utils.I114gBoxResourceUtils;/*** 图片滑动Activity** @author SJC**/public class ImageFlipperActivity extends I114gBoxActivity implements OnGestureListener { private static String TAG = "ImageFlipperActivity"; private Context ctx = null; private GestureDetector gestureDetector;// 手势监听 private ViewFlipper viewFlipper;// 视图轮播 @Override protected void onCreate(Bundle savedInstanceState) { I114gBoxLogUtils.d(TAG, "The onCreate method execute."); super.onCreate(savedInstanceState); I114gBoxCollectActivityUtils.getInstance().addActivity(this);// 收集Activity ctx = this; setContentView(I114gBoxResourceUtils.getLayoutId(ctx, "activity_image_flipper")); gestureDetector = new GestureDetector(this); viewFlipper = (ViewFlipper) findViewById(I114gBoxResourceUtils.getId( ctx, "vf_image_flipper")); viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId( ctx, "flipper_01"))); viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId( ctx, "flipper_02"))); viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId( ctx, "flipper_03"))); viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId( ctx, "flipper_04"))); viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId( ctx, "flipper_05"))); viewFlipper.addView(addImageView(I114gBoxResourceUtils.getDrawableId( ctx, "flipper_06"))); // viewFlipper.addView(addImageView(R.drawable.one)); // viewFlipper.addView(addImageView(R.drawable.two)); // viewFlipper.addView(addImageView(R.drawable.three)); // viewFlipper.addView(addImageView(R.drawable.four)); // viewFlipper.addView(addImageView(R.drawable.five)); Button backButton = (Button) findViewById(I114gBoxResourceUtils.getId( ctx, "btn_image_flipper_back")); backButton.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { finish(); } }); } /** 添加ImageView控件 **/ private View addImageView(int id) { ImageView imageView = new ImageView(this); imageView.setImageResource(id); return imageView; } @Override public boolean onTouchEvent(MotionEvent event) { I114gBoxLogUtils.d(TAG, "The onTouchEvent method execute."); return gestureDetector.onTouchEvent(event); } @Override public boolean onDown(MotionEvent e) { I114gBoxLogUtils.d(TAG, "The onDown method execute."); return false; } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { I114gBoxLogUtils.d(TAG, "The onFling method execute."); I114gBoxLogUtils.i(TAG, "e1.x:" + e1.getX() + "|" + "e2.x:" + e2.getX() + "|" + "velocityX:" + velocityX + "|" + "velocityY:" + velocityY); if (e1.getX() - e2.getX() > 120) { this.viewFlipper.setInAnimation(AnimationUtils.loadAnimation(ctx, R.anim.push_left_in));// 进入屏幕的动画 this.viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(ctx, R.anim.push_left_out));// 离开屏幕的动画 this.viewFlipper.showNext();// 手动显示下一个视图 return true; } else if (e1.getX() - e2.getX() < -120) { this.viewFlipper.setInAnimation(AnimationUtils.loadAnimation(ctx, R.anim.push_right_in)); this.viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(ctx, R.anim.push_right_out)); this.viewFlipper.showPrevious();// 手动显示前一个视图 return true; } return false; } @Override public void onLongPress(MotionEvent e) { I114gBoxLogUtils.d(TAG, "The onLongPress method execute."); } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { I114gBoxLogUtils.d(TAG, "The onScroll method execute."); I114gBoxLogUtils.i(TAG, "e1.X:" + e1.getX() + "|" + "e2.X:" + e2.getX() + "|" + "distanceX:" + distanceX + "|" + "distanceY:" + distanceY); return false; } @Override public void onShowPress(MotionEvent e) { I114gBoxLogUtils.d(TAG, "The onShowPress method execute."); } @Override public boolean onSingleTapUp(MotionEvent e) { I114gBoxLogUtils.d(TAG, "The onSingleTapUp method execute."); return false; }}