android默认的ScrollView、ListView在最顶端下拉或者最底端上拉的时候,都不会带有反弹效果,很生硬的让你不能继续拖动,记得不像iOS那样可以回弹,个人认为,iOS的交互还是略好一点,那么我们也来在Android下实现下这个功能。
先看下效果图:
注:记得当时在android系统2.3前,默认的ScrollView、ListView都支持下拉回弹效果的,但后来被苹果买断版权。(记得大学时口袋里穷叮当响,用仅剩的560元买了个杂牌的android手机,那时的系统是2.3的,目前仍然用来测试各种布局和界面效果,里面的ScrollView、ListView是可以回弹的)
今天的目标是一句话实现ScrollView、ListView下拉回弹效果,如何去做呢?
先看下代码:
- package com.xys.flexible;
- import android.content.Context;
- import android.util.AttributeSet;
- import android.util.DisplayMetrics;
- import android.widget.ScrollView;
- public class FlexibleScrollView extends ScrollView {
- private Context mContext;
- private static int mMaxOverDistance = 50;
- public FlexibleScrollView(Context context, AttributeSet attrs,
- int defStyleAttr) {
- super(context, attrs, defStyleAttr);
- this.mContext = context;
- initView();
- }
- public FlexibleScrollView(Context context, AttributeSet attrs) {
- super(context, attrs);
- this.mContext = context;
- initView();
- }
- public FlexibleScrollView(Context context) {
- super(context);
- this.mContext = context;
- initView();
- }
- private void initView() {
- DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
- float density = metrics.density;
- mMaxOverDistance = (int) (density * mMaxOverDistance);
- }
- @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, mMaxOverDistance,
- isTouchEvent);
- }
- }
其实我们虽然重写了ScrollView(或者ListView),但是只改了它的一个方法的一个值!
也就是将overScrollBy中的maxOverScrollY改成了我们自己写的值。
测试布局:
- <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:paddingBottom="@dimen/activity_vertical_margin"
- android:paddingLeft="@dimen/activity_horizontal_margin"
- android:paddingRight="@dimen/activity_horizontal_margin"
- android:paddingTop="@dimen/activity_vertical_margin"
- tools:context=".MainActivity" >
- <com.xys.flexible.FlexibleScrollView
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:text="@string/hello_world" >
- <TextView
- android:id="@+id/tv"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n......我是字符串......\n" />
- </com.xys.flexible.FlexibleScrollView>
- </RelativeLayout>
默认的maxOverScrollY=0,所以我们看不见任何效果,只要改为>0的值,就有效果了 。