IOS開發(fā)向右滑動返回前一個頁面功能(demo)

更新時間：2016年06月29日 10:23:41 作者：sunday_luck

本文給大家介紹使用android實現(xiàn)向右滑動返回一個頁面的功能，大家都知道在ios7中，蘋果的原生態(tài)應用幾乎都能夠通過向右滑動來返回到前一個頁面，這樣可以避免用戶在單手操作時用大拇指去點擊那個遙遠的返回鍵，下面小編就給帶來了實現(xiàn)代碼，有需要的朋友可以參考下

在ios7中，蘋果的原生態(tài)應用幾乎都能夠通過向右滑動來返回到前一個頁面，這樣可以避免用戶在單手操作時用大拇指去點擊那個遙遠的返回鍵（iphone5的這種返回被吐糟為反人類設計）。然而現(xiàn)在android的手機市場上幾乎很難找到小于4寸屏的手機了，幾乎所有的應用都是通過點擊左上角的返回來退到上一個頁面，如果單手拿一個大屏手機，我是覺得會發(fā)瘋。為此花了點時間寫了個向右滑動返回的demo。

效果如下圖：

此圖為點擊第一個Activity跳轉(zhuǎn)到第二個Activity后，向右滑動再返回到第一個Activity。

一、設計思路

1，讓一個activity中的根布局實現(xiàn)onTouchListener接口，當手指在屏幕上向右滑動時，我們記下ACTION_DOWN的X軸的位置，在手指滑動時（即ACTION_MOVE），獲取滑動時的X軸的位置，當滑動的位置大于某個臨界值且在這個方向上的速度大于某個臨界值時，我們就認為用戶滑動手指的意圖是返回上一個頁面。

2，按照這種思路下來，我們做出來的向右滑動可以實現(xiàn)這個功能，但是會感覺很生硬，沒有任何的過度就返回到上一個頁面了，為此，在這里為activity加上了啟動和結(jié)束的過度動畫。這就是實現(xiàn)的思路，非常簡單，下面看代碼吧。

二、主要的代碼

這個demo中，我寫了三個activity，activity1可以跳轉(zhuǎn)到activity2，activity2可以跳轉(zhuǎn)到activity3，activity3可以滑動返回到activity2，activity2可以滑動返回到activity1。主要的邏輯代碼都放在了Activity2中，代碼如下：

package org.sunday.slidingreturn; 
import com.example.slidingreturn.R; 
import android.app.Activity; 
import android.content.Intent; 
import android.os.Bundle; 
import android.view.MotionEvent; 
import android.view.VelocityTracker; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.view.View.OnTouchListener; 
import android.widget.Button; 
import android.widget.LinearLayout; 
/** 
* 
* @author sunday 
* 2014-1-4 
* zhengchao1937@163.com 
*/ 
public class SecondActivity extends Activity implements OnTouchListener { 
//手指向右滑動時的最小速度 
private static final int XSPEED_MIN = 200; 
//手指向右滑動時的最小距離 
private static final int XDISTANCE_MIN = 150; 
//記錄手指按下時的橫坐標。 
private float xDown; 
//記錄手指移動時的橫坐標。 
private float xMove; 
//用于計算手指滑動的速度。 
private VelocityTracker mVelocityTracker; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_second); 
Button btn = (Button) findViewById(R.id.btn_second); 
btn.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
startActivity(new Intent(SecondActivity.this, ThirdActivity.class)); 
//設置切換動畫，從右邊進入，左邊退出 
overridePendingTransition(R.anim.in_from_right, R.anim.out_to_left); 
} 
}); 
LinearLayout ll = (LinearLayout) findViewById(R.id.ll_second); 
ll.setOnTouchListener(this); 
} 
// 轉(zhuǎn)載請說明出處：http://blog.csdn.net/ff20081528/article/details/17845753 
@Override 
public boolean onTouch(View v, MotionEvent event) { 
createVelocityTracker(event); 
switch (event.getAction()) { 
case MotionEvent.ACTION_DOWN: 
xDown = event.getRawX(); 
break; 
case MotionEvent.ACTION_MOVE: 
xMove = event.getRawX(); 
//活動的距離 
int distanceX = (int) (xMove - xDown); 
//獲取順時速度 
int xSpeed = getScrollVelocity(); 
//當滑動的距離大于我們設定的最小距離且滑動的瞬間速度大于我們設定的速度時，返回到上一個activity 
if(distanceX > XDISTANCE_MIN && xSpeed > XSPEED_MIN) { 
finish(); 
} 
break; 
case MotionEvent.ACTION_UP: 
recycleVelocityTracker(); 
break; 
default: 
break; 
} 
return true; 
} 
/** 
* 創(chuàng)建VelocityTracker對象，并將觸摸content界面的滑動事件加入到VelocityTracker當中。 
* 
* @param event 
* 
*/ 
private void createVelocityTracker(MotionEvent event) { 
if (mVelocityTracker == null) { 
mVelocityTracker = VelocityTracker.obtain(); 
} 
mVelocityTracker.addMovement(event); 
} 
/** 
* 回收VelocityTracker對象。 
*/ 
private void recycleVelocityTracker() { 
mVelocityTracker.recycle(); 
mVelocityTracker = null; 
} 
/** 
* 獲取手指在content界面滑動的速度。 
* 
* @return 滑動速度，以每秒鐘移動了多少像素值為單位。 
*/ 
private int getScrollVelocity() { 
mVelocityTracker.computeCurrentVelocity(1000); 
int velocity = (int) mVelocityTracker.getXVelocity(); 
return Math.abs(velocity); 
} 
}

注釋我寫的很清楚了，大家可以直接下載demo來看很簡單,這個demo中的滑動返回的實現(xiàn)和Activity的耦合性很高，今天主要就說下實現(xiàn)思路好過程，過幾天會把這個抽象出來成為一個組件使用。

您可能感興趣的文章: