ViewFlipper+GestureDetector实现不循环滑动

在布局文件中entering.xml

<ViewFlipper
        android:id="@+id/entering_vf"
        android:layout_width="fill_parent"
        android:layout_height="350dip"
        android:flipInterval="1000"
        android:persistentDrawingCache="animation"
        android:visibility="invisible" >

        <include
            android:id="@+id/entering_carpart01"
            layout="@layout/entering_carpart01" />

        <include
            android:id="@+id/entering_carpart02"
            layout="@layout/entering_carpart02" />
    </ViewFlipper>

布局文件 entering_carpart01

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="390dip"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dip"
            android:layout_marginTop="20dip"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center" >

                <ImageView
                    android:id="@+id/entering_iv_carpre"
                    android:layout_width="293dip"
                    android:layout_height="151dip"
                    android:layout_marginLeft="100dip"
                    android:background="@drawable/car_01" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarPreWindow"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="240dip"
                    android:layout_marginTop="8dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarLight"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="160dip"
                    android:layout_marginTop="50dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarPre"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="243dip"
                    android:layout_marginTop="30dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarPlate"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="243dip"
                    android:layout_marginTop="83dip" />

                <ImageView
                    android:id="@+id/entering_iv_carbehind"
                    android:layout_width="253dip"
                    android:layout_height="162dip"
                    android:layout_marginLeft="500dip"
                    android:background="@drawable/car_02" />

                <ImageButton
                    android:id="@+id/entering_imbtn_behindCar_windown"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="620dip"
                    android:layout_marginTop="20dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_behindCar_middle"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="620dip"
                    android:layout_marginTop="68dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_behindCar_bottom"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="620dip"
                    android:layout_marginTop="103dip" />
            </FrameLayout>
        </LinearLayout>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center" >

            <ImageView
                android:background="@drawable/car_03" 
                android:id="@+id/entering_iv_carleft"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="240dip"
               />

            <ImageButton
                android:id="@+id/entering_imbtn_sideCar_top"
                style="@style/entering_imageviewRed_style"
                android:layout_marginLeft="430dip" />

            <ImageButton
                android:id="@+id/entering_imbtn_sideCar_door"
                style="@style/entering_imageviewRed_style"
                android:layout_marginLeft="470dip"
                android:layout_marginTop="45dip" />

            <ImageButton
                android:id="@+id/entering_imbtn_sideCar_carwheels"
                style="@style/entering_imageviewRed_style"
                android:layout_marginLeft="350dip"
                android:layout_marginTop="35dip" />
        </FrameLayout>
    </LinearLayout>

</LinearLayout>

布局文件 entering_carpart02

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="390dip"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="40dip"
            android:layout_marginTop="20dip"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center" >

                <ImageView
                    android:id="@+id/entering_iv_carpre"
                    android:layout_width="293dip"
                    android:layout_height="151dip"
                    android:layout_marginLeft="100dip"
                    android:background="@drawable/car_01" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarPreWindow"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="240dip"
                    android:layout_marginTop="8dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarLight"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="160dip"
                    android:layout_marginTop="50dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarPre"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="243dip"
                    android:layout_marginTop="30dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_preCarPlate"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="243dip"
                    android:layout_marginTop="83dip" />

                <ImageView
                    android:id="@+id/entering_iv_carbehind"
                    android:layout_width="253dip"
                    android:layout_height="162dip"
                    android:layout_marginLeft="500dip"
                    android:background="@drawable/car_02" />

                <ImageButton
                    android:id="@+id/entering_imbtn_behindCar_windown"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="620dip"
                    android:layout_marginTop="20dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_behindCar_middle"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="620dip"
                    android:layout_marginTop="68dip" />

                <ImageButton
                    android:id="@+id/entering_imbtn_behindCar_bottom"
                    style="@style/entering_imageviewRed_style"
                    android:layout_marginLeft="620dip"
                    android:layout_marginTop="103dip" />
            </FrameLayout>
        </LinearLayout>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center" >

            <ImageView
                android:background="@drawable/car_03" 
                android:id="@+id/entering_iv_carleft"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="240dip"
               />

            <ImageButton
                android:id="@+id/entering_imbtn_sideCar_top"
                style="@style/entering_imageviewRed_style"
                android:layout_marginLeft="430dip" />

            <ImageButton
                android:id="@+id/entering_imbtn_sideCar_door"
                style="@style/entering_imageviewRed_style"
                android:layout_marginLeft="470dip"
                android:layout_marginTop="45dip" />

            <ImageButton
                android:id="@+id/entering_imbtn_sideCar_carwheels"
                style="@style/entering_imageviewRed_style"
                android:layout_marginLeft="350dip"
                android:layout_marginTop="35dip" />
        </FrameLayout>
    </LinearLayout>

</LinearLayout>

java代码

在EnteringActivity.Activity java文件中

private ViewFlipper viewFlipper;
// 定义一个手势识别器
private GestureDetector mGestureDetector;
@Override
protected void onCreate(Bundle savedInstanceState) {

viewFlipper = (ViewFlipper) findViewById(R.id.entering_vf);
mGestureDetector = new GestureDetector(new GestureDetector.SimpleOnGestureListener() {

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

				if (Math.abs(velocityX) < 100)
					return true;

				if (Math.abs(e2.getRawY() - e1.getRawY()) > 100)
					return true;

				if (e2.getRawX() - e1.getRawX() > 100) {
					// 从右到左的移动
					if (viewFlipper.getDisplayedChild() == 0) {
						//viewFlipper对象没有子view的时候，停止滑动						
                                                  viewFlipper.stopFlipping();
                                                  return false;
					} else {
						showPre();
						return false;
					}

				}
				if (e2.getRawX() - e1.getRawX() < -100) {
					if (viewFlipper.getDisplayedChild() == 2 - 1) {
						//viewFlipper对象等于1的时候，停止滑动						
                                                 viewFlipper.stopFlipping();
                                                 return false;
					} else {
						showNext();
						return false;
					}
				}
				return false;

			};
		});
 

  关键就是要把  手势识别器 注册到 当前的Activity 的滑动方法里面

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// 当手指在屏幕上触摸的时候 利用手势识别器 识别相应的动作
		mGestureDetector.onTouchEvent(event);
		return super.onTouchEvent(event);
	}
  

 

 

 

	public void Imv1() {
		imvred.setBackgroundDrawable(new BitmapDrawable(BitmapFactory.decodeResource(getResources(), R.drawable.point_red)));
		imvpurple.setBackgroundDrawable(new BitmapDrawable(BitmapFactory.decodeResource(getResources(), R.drawable.position_point)));
	}

	public void Imv2() {
		imvred.setBackgroundDrawable(new BitmapDrawable(BitmapFactory.decodeResource(getResources(), R.drawable.position_point)));
		imvpurple.setBackgroundDrawable(new BitmapDrawable(BitmapFactory.decodeResource(getResources(), R.drawable.point_red)));
	}

	protected void showPre() {
		Animation outAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha_out);
		Animation inAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha_in);
		viewFlipper.setOutAnimation(outAnimation);
		viewFlipper.setInAnimation(inAnimation);

		viewFlipper.showPrevious();

		Imv1();
	}

	private void showNext() {
		Animation outAnimation = AnimationUtils.loadAnimation(this, R.anim.tran_out);
		Animation inAnimation = AnimationUtils.loadAnimation(this, R.anim.tran_in);
		viewFlipper.setOutAnimation(outAnimation);
		viewFlipper.setInAnimation(inAnimation);
		viewFlipper.showNext();
		Imv2();
	}

ViewFlipper+GestureDetector实现不循环滑动

猜你喜欢