android 滑动文字左右渐变切换安卓左右滑动切换界面

转载

ghpsyn 2024-02-04 01:02:11

文章标签 android 滑动文字左右渐变切换 android 动画 activity切换 ide 文章分类 Android 移动开发

预备知识：

在使用自定义视图的时候，对触屏事件的处理是比不可少的，有能力的可以自己写代码处理，这样更加的灵活。如果不想这么麻烦，Android提供了一个手势监听类GestureDetector，可以供我们使用。先看一下 GestureDetector类的继承关系：

public class
GestureDetector
extends Object
java.lang.Object
   ↳ 	android.view.GestureDetector

本示例通过GestureDetector.OnGestureListener和overridePendingTransition()方法实现手势滑屏效果，先看效果：

android 滑动文字左右渐变切换安卓左右滑动切换界面_android 滑动文字左右渐变切换

下面是程序代码：

package com.jph.activityflip;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.Menu;
import android.view.MotionEvent;
/**
 * Describe:</br>
 * 滑动的窗口：
 * 本实例实现了窗口之间的滑动打开和关闭效果。
 * 本实例的Activity通过实现OnGestureListener接口和使用GestureDetector
 * 手势检测器来检测用户滑动操作，并通过overridePendingTransition()方法实现
 * 窗口之间的滑动效果。
 * Date:2014.07.11
 * 
 * **/
public class ActivityFlip extends Activity implements OnGestureListener{
	//定义手势检测器实例
	GestureDetector detector;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		//初始化手势检测器
		detector=new GestureDetector(this, this);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.activity_flip, menu);
		return true;
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub
		//将触碰事件交给GestureDetector处理
		return 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
		//如果向右滑动的距离大于50mm
		if (e1.getX()-e2.getX()>50) {
			Intent intent=new Intent(this,SecondActivity.class);
			startActivity(intent);
			//设置切换动画，从右边进入，左边退出
			overridePendingTransition(R.anim.right_in, R.anim.left_out);
		}
		return false;
	}

	@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;
	}

}

第二个Activity代码（其实和第一个大同小异）：

package com.jph.activityflip;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.GestureDetector;
import android.view.GestureDetector.OnGestureListener;
import android.view.Menu;
import android.view.MotionEvent;

public class SecondActivity extends Activity implements OnGestureListener{
	//定义手势检测器实例		
	GestureDetector detector;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.second);
		//初始化手势检测器
		detector=new GestureDetector(this,this);
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub
		return detector.onTouchEvent(event);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.activity_flip, menu);
		return true;
	}

	@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
		//如果向左滑动距离大于50mm
		if (e2.getX()-e1.getX()>50) {
			Intent intent=getIntent();
			setResult(Activity.RESULT_OK, intent);
			this.finish();
			overridePendingTransition(R.anim.left_in, R.anim.right_out);
		}
		return false;
	}

	@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;
	}

}

屏幕渐变效果

在Android开发过程中，经常会碰到Activity之间的切换效果的问题，下面介绍一下如何实现左右滑动的切换效果，首先了解一下Activity切换的实现，从Android2.0开始在Activity增加了一个方法：

public void overridePendingTransition (int enterAnim, int exitAnim)

其中：

enterAnim 定义Activity进入屏幕时的动画

exitAnim 定义Activity退出屏幕时的动画

overridePendingTransition 方法必须在startActivity()或者 finish()方法的后面。

Android已经内置了几种动画效果，可以见 android.R.anim 类。一般情况下我们需要自己定义屏幕切换的效果。首先我们先了解Activity的位置定义，如下图：

android 滑动文字左右渐变切换安卓左右滑动切换界面_activity切换_02

从上图可以看出，以手机屏幕下面边未X轴，屏幕左边为Y轴，当Activity在X轴值为-100%p时，刚好在屏幕的左边（位置1），当X轴值为0%p时，刚好再屏幕内(位置2），当X=100%p时刚好在屏幕右边（位置3）。

清楚了位置后，我们就可以实现左右滑动的切换效果，首先让要退出的Activity从位置2移动到位置1，同时让进入的Activity从位置3移动位置2，这样就能实现从左右切换效果。

实现过程如下，首先定义2个动画，在 res目录创建anim目录，然后在目录创建动画的xml文件：left_in.xml (从左边进入动画) 、right_out.xml (从右边退出动画)。

从右向左滑动：

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"    
    >   
</translate>
<!-- 透明度从0.1到1.0 -->
<alpha android:fromAlpha="0.1"
     android:toAlpha="1.0"
     android:duration="500"></alpha>
</set>

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"    
    >   
</translate>
<!-- 透明度从1.0到0.1 -->
<alpha android:fromAlpha="1.0"
     android:toAlpha="0.1"
     android:duration="500"></alpha>
</set>

从左向右滑动：

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"    
    >   
</translate>
<!-- 透明度从0.1到1.0 -->
<alpha android:fromAlpha="0.1"
     android:toAlpha="1.0"
     android:duration="500"></alpha>
</set>

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"    
    >   
</translate>
<!-- 透明度从1.0到0.1 -->
<alpha android:fromAlpha="1.0"
     android:toAlpha="0.1"
     android:duration="500"></alpha>
</set>

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。