ViewFlipper左右滑动事件

最新推荐文章于 2017-07-10 22:19:23 发布

github_33987023

最新推荐文章于 2017-07-10 22:19:23 发布

阅读量729

点赞数

分类专栏： android

android 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用Android ViewFlipper组件通过触摸滑动手势来切换不同视图的示例应用。该应用实现了全屏显示，并通过监听用户的触摸事件来控制视图的切换动画，包括从左侧进入和移出到右侧的动画效果。

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

package com.wzc.ex03_27;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.MotionEvent;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.widget.ViewFlipper;

public class MainActivity extends AppCompatActivity {
    public static String TAG = "HIPPO_DEBUG";
    private ViewFlipper mViewFlipper01;
    private float oldTouchValue;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        /*全屏幕画面*/
        getWindow().setFlags(
                WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN
        );
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        mViewFlipper01 = (ViewFlipper) findViewById(R.id.myViewFlipper1);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                oldTouchValue = event.getX();
                break;
            case MotionEvent.ACTION_UP:
                float currentX = event.getX();
                /*手指向右滑动*/
                if(oldTouchValue < currentX){
                    /*set in的起始动画事件*/
                    mViewFlipper01.setInAnimation(
                            AnimationHelper.inFromLeftAnimation()
                    );
                    /*set out的起始动画事件*/
                    mViewFlipper01.setOutAnimation(
                            AnimationHelper.outToRightAnimation()
                    );
                    mViewFlipper01.showNext();
                }

                /*手指向左滑动*/
                if(oldTouchValue > currentX){
                    /*set in的起始动画事件*/
                    mViewFlipper01.setInAnimation(
                            AnimationHelper.inFromRightAnimation()
                    );
                    /*set out的起始动画事件*/
                    mViewFlipper01.setOutAnimation(
                            AnimationHelper.outToLeftAnimation()
                    );
                    mViewFlipper01.showPrevious();
                }
                break;
        }
        return super.onTouchEvent(event);
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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/white"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.wzc.ex03_27.MainActivity">

    <TextView
        android:id="@+id/myTextView0"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@drawable/black"
        android:gravity="center_vertical|center_horizontal"
        android:text="@string/hello" />
    <ViewFlipper
        android:id="@+id/myViewFlipper1"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/white">
            <TextView
                android:id="@+id/myTextView1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@drawable/blue"
                android:text="@string/str_view_flipper1"/>
            <ImageView
                android:id="@+id/myImageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/a1"/>
        </LinearLayout>
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/white">
            <TextView
                android:id="@+id/myTextView2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@drawable/blue"
                android:text="@string/str_view_flipper2"/>
            <ImageView
                android:id="@+id/myImageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/b2"/>
        </LinearLayout>
    </ViewFlipper>
</LinearLayout>