展会信息港展会大全

Android滑动屏幕切换效果GestureDetector、OnGestureListener、ViewFlipper
来源:互联网   发布日期:2015-10-02 16:48:48   浏览:1556次  

导读:屏幕切换指的是在同一个Activity内屏幕见的切换。通过GestureDetector、OnGestureListener实现滑屏事件。ViewFlipper是继承至FrameLayout 的,所以它是一个Layout里面可以放置多个View。示例中第一页仅放了一个......

屏幕切换指的是在同一个Activity内屏幕见的切换。

通过GestureDetector、OnGestureListener实现滑屏事件。ViewFlipper是继承至FrameLayout 的,所以它是一个Layout里面可以放置多个View。示例中第一页仅放了一个按钮BUTTON,向下滑屏时,每页都只放了一个TEXTVIEW。

页面:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<ViewFlipper android:id="@+id/ViewFlipper01"

android:layout_width="fill_parent" android:layout_height="fill_parent">

</ViewFlipper>

</LinearLayout>

Activity代码:

package com.yfz;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import android.view.GestureDetector;

import android.view.MotionEvent;

import android.view.View;

import android.view.GestureDetector.OnGestureListener;

import android.view.ViewGroup.LayoutParams;

import android.view.animation.AnimationUtils;

import android.widget.Button;

import android.widget.ExpandableListView;

import android.widget.TextView;

import android.widget.ViewFlipper;

public class Flip extends Activity implements OnGestureListener {

private GestureDetector detector;

private ViewFlipper flipper;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper01);

flipper.addView(addButtonByText("按钮"),new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

detector = new GestureDetector(this);

}

public View addButtonByText(String text){

Button btn = new Button(this);

btn.setText(text);

return btn;

}

public View addTextByText(String text){

TextView tv = new TextView(this);

tv.setText(text);

tv.setGravity(1);

return tv;

}

@Override

public boolean onTouchEvent(MotionEvent event) {

Log.i("Fling", "Activity onTouchEvent!");

return this.detector.onTouchEvent(event);

}

@Override

public boolean onDown(MotionEvent e) {

// TODO Auto-generated method stub

return false;

}

/**

* 监听滑动

*/

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

float velocityY) {

// TODO Auto-generated method stub

Log.i("Fling", "Fling Happened!");

if (e1.getX() - e2.getX() > 120) {

this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_in));

this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_out));

this.flipper.addView(addTextByText("文本框"),new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

this.flipper.showNext();

return true;

} else if (e1.getX() - e2.getX() < -120) {

this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_right_in));

this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.push_right_out));

this.flipper.showPrevious();

return true;

}

return true;

}

@Override

public void onLongPress(MotionEvent e) {

// TODO Auto-generated method stub

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,

float distanceY) {

// TODO Auto-generated method stub

return false;

}

@Override

public void onShowPress(MotionEvent e) {

// TODO Auto-generated method stub

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

// TODO Auto-generated method stub

return false;

}

}

这里实现的功能是从右往左滑动则切换到上一个View,从左往右滑动则切换到下一个View,并且使用不同的in、out 动画使切换效果看起来统一一些。

滑屏实现:

通过android.view.GestureDetector类可以检测各种手势事件,该类有两个回调接口分别用来通知具体的事件:

GestureDetector.OnDoubleTapListener:用来通知DoubleTap事件,类似于鼠标的双击事件,该接口有如下三个回调函数:

1.onDoubleTap(MotionEvent e):通知DoubleTap手势,

2.onDoubleTapEvent(MotionEvent e):通知DoubleTap手势中的事件,包含down、up和move事件(这里指的是在双击之间发生的事件,例如在同一个地方双击会产生 DoubleTap手势,而在DoubleTap手势里面还会发生down和up事件,这两个事件由该函数通知);

3.onSingleTapConfirmed(MotionEvent e):用来判定该次点击是SingleTap而不是DoubleTap,如果连续点击两次就是DoubleTap手势,如果只点击一次,系统等待一段时间 后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap,然后触发SingleTapConfirmed事件。

GestureDetector.OnGestureListener:用来通知普通的手势事件,该接口有如下六个回调函数:

1.onDown(MotionEvent e):down事件;

2.onSingleTapUp(MotionEvent e):一次点击up事件;

3.onShowPress(MotionEvent e):down事件发生而move或则up还没发生前触发该事件;

4.onLongPress(MotionEvent e):长按事件;

5.onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY):滑动手势事件;

6.onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY):在屏幕上拖动事件。

本次仅用到了 OnGestureListener类中的onFling方法。其他手势事件各位可以自己回去试验。

简单说明:

要实现屏幕切换的话,首先需要定义一个GestureDetector:

private GestureDetector mGestureDetector;

并在onCreate函数中初始化:

mGestureDetector =new GestureDetector( this);

同时Activity要继承OnGestureListener接口,并实现其中的onFling方法。

另外Activity的onTouchEvent事件也要实现!!

另外本例View切换时还有动画效果。使用Animation类实现,相关的函数:

setInAnimation:设置View进入屏幕时候使用的动画,该函数有两个版本:

一个接受单个参数,类型为android.view.animation.Animation;

一个接受两个参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。

setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。

showNext: 调用该函数来显示FrameLayout里面的下一个View。

showPrevious: 调用该函数来显示FrameLayout里面的上一个View。

动画源文件: (在res目录下,创建一个anim文件夹,把下面的文件都放在这里)

push_left_in.xml

<?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="500" />

<alpha android:fromAlpha="0.1" android:toAlpha="1.0"

android:duration="500" />

</set>

push_left_out.xml:

<?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="500" />

<alpha android:fromAlpha="1.0" android:toAlpha="0.1"

android:duration="500" />

</set>

push_right_in.xml:

<?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="500" />

<alpha android:fromAlpha="0.1" android:toAlpha="1.0"

android:duration="500" />

</set>

push_right_out.xml:

<?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="500" />

<alpha android:fromAlpha="1.0" android:toAlpha="0.1"

android:duration="500" />

</set>

赞助本站

人工智能实验室

相关热词: 滑动 屏幕 切换

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港