ViewFlipper与Gesture的使用<一>

古起运

2023-12-01

转发请注明出处：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>

ViewFlipper与Gesture的使用<一>

相关阅读

相关文章

相关问答

相关文档