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>
时间： 2024-08-05 19:12:36

ViewFlipper与Gesture的使用<一>的相关文章

ViewFlipper,TextSwitcher

效果图: 封装: public class GViewFlipper extends ViewFlipper { private Context mContext; //画显示器的画笔 private Paint paint = new Paint(); //指示器选中背景 private int mSelectedColor = Color.BLACK; //指示器未选中背景 private int mUnSelectedColor = Color.GRAY; //指示器显示的位置 priva

Android基础入门教程——2.4.13 ViewFlipper(翻转视图)的基本使用

Android基础入门教程--2.4.13 ViewFlipper(翻转视图)的基本使用 标签(空格分隔): Android基础入门教程 本节引言: 本节给大家带了的是ViewFlipper,它是Android自带的一个多页面管理控件,且可以自动播放! 和ViewPager不同,ViewPager是一页页的,而ViewFlipper则是一层层的,和ViewPager一样,很多时候, 用来实现进入应用后的引导页,或者用于图片轮播,本节我们就使用ViewFlipper写一个简单的图片 轮播的例子吧~

Android 手势(Gesture)

一.什么是手势? 所谓手势,其实就是指用户手指或触摸笔在触摸屏上的连续触碰行为,比如在屏幕上葱左至右划出一个动作,就是手势,再比如在屏幕上画一个圆圈也是一个手势,手势这种连续的触碰会形成某个方向上的移动趋势,也会形成一个不规则的几何图形.Android对两种手势行为都提供了支持: 1.对于第一种手势行为而言,Android提供了手势检测,并为手势检测提供了相应的监听器. 2.对于第二种手势行为,Android允许开发者添加手势,并提供了相应的API识别用户手势 二.手势检测 Android为手势

android ViewFlipper的使用

屏幕切换指的是在同一个 Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面:一个个性化设置页面. 通过查看 OPhone API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果.该类有如下几个和动画相关的函数: l setInAnimation:设置 View进入屏幕时候使用的动画,该函数有两个

ViewFlipper 在同一背景下 页面左右滑动

<ViewFlipper android:id="@+id/ViewFlipper1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:inAnimation="@anim/push_left_in" android:outAnimation="@anim/push_left_out" >

Android真正简单的教程-第十二枪（ViewFlipper实现滑动效果）

直接看代码 1.MainActivity.java: package org.yayun.demo; import android.app.Activity; import android.os.Bundle; import android.view.GestureDetector; import android.view.MotionEvent; import android.view.ViewGroup.LayoutParams; import android.view.animation.

Android Gesture 手势创建以及使用示例

在Android1.6的模拟器里面预装了一个叫Gestures Builder的程序,这个程序就是让你创建自己的手势的(Gestures Builder的源代码在sdk问samples里面有,有兴趣可以看看) 将上面这四个文件复制到你的工程目录下面,如图所示 在模拟器上面运行这个工程文件,在模拟器上面创建一些手势文件,例如: 创建的手势将被保存到/mnt/sdcard/gestures里面,然后新建一个测试的手势项目文件,将gestures文件复制到res目录中的raw文件下面, 然后配置xml

使用SafeViewFlipper避免ViewFlipper交替时Crash

使用SafeViewFlipper避免ViewFlipper交替时Crash 柳志超博客 » Program » Andriod » 使用SafeViewFlipper避免ViewFlipper交替时Crash posted in Andriod on 2014/02/19 by liuzc ViewFilpper 是Android官方提供的一个View容器类,继承于ViewAnimator类,用于实现页面切换.当我们界面重叠较多的时候,ViewFilpper 容易崩溃,直接导致程序Crash.

Android 通过ViewFlipper实现广告轮播功能并可以通过手势滑动进行广告切换

为了实现广告轮播功能,在网上找了很多方法,有的效果很好,但是代码太麻烦,并且大多是用的viewpager,总之不是很满意. 于是看了一下sdk有个控件是ViewFlipper,使用比较方便,于是尝试了一下,最终实现了所需效果.在这里与大家分享. 首先看一下效果(主要是布局方面的效果,毕竟手势识别和滑动不太好显示,懒得弄成gif了): 1.布局文件.xml <LinearLayout android:layout_width="fill_parent" android:layout