《Android ListView拉到顶/底部，像橡皮筋一样弹性回弹复位》

Android本身的ListView拉到顶部或者底部会在顶部/底部边缘间隙出现一道“闪光”效果，暗示ListView已经到顶/底，不能再动了。

 这是Android原生的ListView拉到顶部/底部的一种交互设计。交互设计的可选方案非常多。

Android 5.0将ListView的这个交互设计改变成“一片荡漾的光晕”。

在众多的交互设计方案中，当中一种交互设计是这种：当ListView拉到顶部或者底部时候，ListView会像橡皮筋一样。ListView呈现阻尼效果。当用户释放ListView后，ListView自己主动的像橡皮筋一样弹性的回弹到顶部/底部复位。

 Android上实现上述这样的交互效果，重写ListView的方法overScrollBy()能够实现。

现给出一个演示样例，一步一步实现。

首先，我须要写一个ZhangPhilListView继承自Android的ListView：

package zhangphil.listview;

import android.annotation.SuppressLint;

import android.content.Context;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.widget.ListView;

public class ZhangPhilListView extends ListView {

	// 这个值控制能够把ListView拉出偏离顶部或底部的距离。

	private static final int MAX_OVERSCROLL_Y = 200;

	private Context mContext;

	private int newMaxOverScrollY;

	public ZhangPhilListView(Context context) {

		super(context);

		this.mContext = context;

		init();

	}

	public ZhangPhilListView(Context context, AttributeSet attrs) {

		super(context, attrs);

		this.mContext = context;

		init();

	}

	/*

	 * public ZhangPhilListView(Context context, AttributeSet attrs, int

	 * defStyle) { super(context, attrs, defStyle); this.mContext = context;

	 * init(); }

	 */

	private void init() {

		DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();

		float density = metrics.density;

		newMaxOverScrollY = (int) (density * MAX_OVERSCROLL_Y);

	}

	// 最关键的地方。

	//支持到SDK8须要添加@SuppressLint("NewApi")。

	@SuppressLint("NewApi")

	@Override

	protected boolean overScrollBy(int deltaX, int deltaY, int scrollX,

			int scrollY, int scrollRangeX, int scrollRangeY,

			int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {

		return super.overScrollBy(deltaX, deltaY, scrollX, scrollY,

				scrollRangeX, scrollRangeY, maxOverScrollX, newMaxOverScrollY,

				isTouchEvent);

	}

}

然后在我的布局文件activity_main.xml中直接像使用Android的ListView一样使用它：

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <zhangphil.listview.ZhangPhilListView

        android:id="@+id/listView"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

</LinearLayout>

測试：

package zhangphil.listview;

import android.support.v7.app.ActionBarActivity;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.os.Bundle;

public class MainActivity extends ActionBarActivity {

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_main);

		ListView lv = (ListView) findViewById(R.id.listView);

		// 測试数据集。

String[] data = new String[50];

		for (int i = 0; i < data.length; i++) {

			data[i] = i + "";

		}

		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,

				android.R.layout.simple_list_item_1, android.R.id.text1, data);

		lv.setAdapter(adapter);

	}

}