Android(安卓)ListView拉到顶/底部,像橡皮筋一样弹性回弹复位
16lz
2022-05-10
《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")@Overrideprotected 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 {@Overrideprotected 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);}}
更多相关文章
- Android智能手机远程视频监控的设计
- MVC架构设计与三层模型 & MVP思想精髓与解耦
- 一种基于Android智能手机的远程视频监控的设计
- Android手机应用开发(一) | 基本的UI界面设计
- Android架构设计和软硬整合完整训练:HAL&Framework&Native Servic
- Android应用开发以及设计思想深度剖析(2)
- Android系列开发博客资源汇总
- MVC架构设计与三层模型 & MVP思想精髓与解耦
- Android系统与安全