ViewFlipper与Gesture的使用<一>

转发请注明出处：http://blog.csdn.net/qq_28055429/article/details/51924215

一，ViewFlipper的基本知识:

（1）用途：常用于多个组件之间的切换，如动画播放，手势滑动切换，等等

（2）基本知识：继承自ViewAnimator,可调用addView(View v)添加多个组件

（3）基本方法：

flipper.startFlipping()  ---- 开始自动播放动画

        flipper.setInAnimation(上下文对象，动画布局）

flipper.showPrevious()  ------  显示上一个组件

        flipper.showNext()     --------   显示下一个组件

flipper.stopFlipping() -------- 停止自动播放

例子（1）自动播放动画：

布局:activity_first.xml ,在里面添加一个ViewFlipper(里面放置三个ImageView,用于播放切换的图片），和三个按钮：上，下，自动

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <ViewFlipper        android:id="@+id/details"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:flipInterval="1000">        <ImageView            android:src="@drawable/aa"            android:layout_width="match_parent"            android:layout_height="wrap_content" />        <ImageView            android:src="@drawable/ab"            android:layout_width="match_parent"            android:layout_height="wrap_content" />        <ImageView            android:src="@drawable/ac"            android:layout_width="match_parent"            android:layout_height="wrap_content" />    </ViewFlipper>    <Button        android:text="$1t;"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:onClick="prev"        android:layout_alignParentBottom="true"        android:layout_alignParentLeft="true"/>    <Button        android:layout_alignParentBottom="true"        android:layout_centerInParent="true"        android:onClick="auto"        android:text="自动播放"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <Button        android:text=">"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:onClick="next"        android:layout_alignParentBottom="true"        android:layout_alignParentRight="true"/></RelativeLayout>

主类：ViewFlipperActivity 继承Activity

在三个监听方法里，分别添加flipper的相关方法，即可,代码如下：

package testsdcard.com.maiyu.s04_71.activity;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.ViewFlipper;import testsdcard.com.maiyu.s04_71.R;/** * Created by maiyu on 2016/7/16. */public class ViewFlipperActivity extends Activity {    private ViewFlipper flipper ;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_first);        flipper =   (ViewFlipper)this.findViewById(R.id.details);    }    public void prev(View source){        flipper.setInAnimation(this , android.R.anim.slide_in_left);        flipper.setOutAnimation(this , android.R.anim.slide_out_right);        flipper.showPrevious();     //显示上一个组件        flipper.stopFlipping();     //停止自动播放    }    public void auto(View source){        flipper.setInAnimation(this , android.R.anim.slide_in_left);        flipper.setOutAnimation(this , android.R.anim.slide_out_right);        flipper.startFlipping();        //开始自动播放    }    public void next(View source){        flipper.setInAnimation(this , android.R.anim.slide_in_left);        flipper.setOutAnimation(this , android.R.anim.slide_out_right);        flipper.showNext();         //显示下一个组件        flipper.stopFlipping();     //停止自动播放    }}

然后是在res/anim/下的两个动画布局：slide_in_left和slide_out_right：代码如下：

slide_in_left:

<?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="@android:integer/config_mediumAnimTime"/></set>

slide_out_right:

<?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="@android:integer/config_mediumAnimTime"/></set>

然后就行了，结果截图略。。

二，Gesture

(1)名字：手势

(2)用途：屏幕滑动，图片扩大缩小，手势密码识别等等

(3)基本方法：

boolean onDown(MotionEvent e) :当触摸事件按下时触发该方法

boolean onLongPress(MotionEvent e) ：当用户长按时调用

void onShowPress(MotionEvent e) ：用户在触摸屏上按下且未移动和松开时触发

boolean onSingleTapUp(MotionEvent e)  ：轻击屏幕触发

boolean onScroll(Motion e1 , MotionEvent e2 ,float distanceX , float distanceY) :当在屏幕上滚动时触发，

比较常用的一个方法：

    boolean onFling(MotionEvent e1 , MotionEvent e2 , float velocityX , float velocityY):

当用户在屏幕上拖过时调用，其中X,Y代表横，纵向速度

例子2：通过手指滑动切换登录界面和注册界面

布局，还是用ViewFlipper,里面放置两个LinearLayout布局，用于登录和注册

activity_second.xml内容如下：

<?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="horizontal">    <!--定义ViewFlipper视图切换器-->    <ViewFlipper        android:id="@+id/ViewFlipper01"        android:layout_width="wrap_content"        android:layout_height="wrap_content">        <!--视图切换器的第一个界面-->        <LinearLayout            android:id="@+id/LinearLayout01"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical">            <!--提示文本标签-->            <TextView                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:textSize="20dp"                android:text="@string/Ll_tv_01"/>            <!--登录界面的用户输入框-->            <EditText                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/Ll_edt_01"/>            <!--登录界面的密码输入框-->            <EditText                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/Ll_edt_02"/>            <!--登录界面的登录按钮-->            <Button                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/Ll_bt_01"/>        </LinearLayout>        <!--视图切换器的第二个界面-->        <LinearLayout            android:id="@+id/LinearLayout02"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical">            <!--注册界面文本提示-->            <TextView                android:id="@+id/TextView02"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:textSize="20dp"                android:text="@string/L2_tv_01"/>            <!--注册界面的用户输入框-->            <EditText                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/L2_edt_01"/>            <!--注册界面的密码输入框-->            <EditText                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/L2_edt_02"/>            <!--注册界面的邮箱输入框-->            <EditText                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/L2_edt_03"/>            <!--注册界面的注册按钮-->            <Button                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:hint="@string/L2_bt_01"/>        </LinearLayout>    </ViewFlipper></LinearLayout>

主类：SecondActivity继承Acitivity,实现OnGestureListener接口，就是把onTouchEvent交给gestureDetector的onTouchEvent方法

代码如下：

package testsdcard.com.maiyu.s04_71.activity;import android.app.Activity;import android.os.Bundle;import android.view.GestureDetector;import android.view.MotionEvent;import android.widget.ViewFlipper;import testsdcard.com.maiyu.s04_71.R;/** * Created by maiyu on 2016/7/16. */public class SecondActivity extends Activity implements GestureDetector.OnGestureListener {    private ViewFlipper flipper ;   //定义页面中的ViewFlipper对象    private GestureDetector detector ;  //定义手势识别监听器对象    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_second);        detector = new GestureDetector(this);       //初始化手势监听器        //得到flipper对象        flipper  = (ViewFlipper)this.findViewById(R.id.ViewFlipper01);    }    /**     * 当页面被触摸时自动回调，把拿到的事件给手势识别器进行处理     * @param event     * @return     */    @Override    public boolean onTouchEvent(MotionEvent event) {        return detector.onTouchEvent(event);    }    //当页面被按下时自动回调    @Override    public boolean onDown(MotionEvent motionEvent) {        return false;    }    //当页面被按压时自动回调    @Override    public void onShowPress(MotionEvent motionEvent) {    }    //当轻击页面时自动回调    @Override    public boolean onSingleTapUp(MotionEvent motionEvent) {        return false;    }    //界面滚动时自动回调    @Override    public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {        return false;    }    //当长按界面时自动回调    @Override    public void onLongPress(MotionEvent motionEvent) {    }    /*    当在页面中滑动时自动回调    x,y代表在横向，纵向的速度     */    @Override    public boolean onFling(MotionEvent e1, MotionEvent e2, float x, float y) {        //得到滑动过程中的亮点的x和y坐标，进行判断        if(e1.getX() > e2.getX()){            //当向左滑动时显示上一张            this.flipper.showNext();        }else if(e1.getX() < e2.getX()){            //当向右滑动时显示下一张            this.flipper.showPrevious();        }else{            return false;        }        return true;    }}

测试结果略：

两个例子的代码下载地址：http://download.csdn.net/detail/qq_28055429/9577724

三，Gesture的使用：

步骤：

1.创建一个GestureDetector对象，创建该对象时必须实现一个GestureDetector.OnGestureListener监听器实例

     (1)如：

  

 private GestureDetector.OnGestureListener onGestureListener = new GestureDetector.SimpleOnGestureListener(){//在里面重写onFling()方法}           GestureDetector detector  =  new GestureDetector(MainActivity.this , onGestureListener);

  2.重写该Activity的onTouchEvent方法，把触摸响应交给GestureDetector的onTouchEvent方法处理

    代码如下：

          

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

<span style="color:#ff0000;">  3，现在只要去实现GestureDetector的方法就Ok了，，待续</span>