锐客网

  1. 首页 > 睿知 > it技术 > >

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

IT知识ListView

缥帙各舒散，前后互相逾。这篇文章主要讲述Android ListView拉到顶/底部，像橡皮筋一样弹性回弹复位相关的知识，希望能为你提供帮助。
??《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 = https://www.songbingjia.com/android/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); } }



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













    推荐阅读


    上一篇：Android中验证输入是否为汉字及手机号，邮箱验证，IP地址可用port号验证

    下一篇：android的ndk学习