1. 程式人生 > >修改一個值,讓ScrollView、ListView充滿彈性

修改一個值,讓ScrollView、ListView充滿彈性

android預設的ScrollView、ListView在最頂端下拉或者最底端上拉的時候,都不會帶有反彈效果,很生硬的讓你不能繼續拖動,記得不像iOS那樣可以回彈,個人認為,iOS的互動還是略好一點,那麼我們也來在Android下實現下這個功能。

先看下效果圖:


注:記得當時在android系統2.3前,預設的ScrollView、ListView都支援下拉回彈效果的,但後來被蘋果買斷版權。(記得大學時口袋裡窮叮噹響,用僅剩的560元買了個雜牌的android手機,那時的系統是2.3的,目前仍然用來測試各種佈局和介面效果,裡面的ScrollView、ListView是可以回彈的

今天的目標是一句話實現ScrollView、ListView

下拉回彈效果,如何去做呢?

先看下程式碼:

[java] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
  1. package com.xys.flexible;  
  2. import android.content.Context;  
  3. import android.util.AttributeSet;  
  4. import android.util.DisplayMetrics;  
  5. import android.widget.ScrollView;  
  6. publicclass FlexibleScrollView extends ScrollView {  
  7.     private Context mContext;  
  8.     privatestaticint mMaxOverDistance = 50;  
  9.     public FlexibleScrollView(Context context, AttributeSet attrs,  
  10.             int defStyleAttr) {  
  11.         super(context, attrs, defStyleAttr);  
  12.         this.mContext = context;  
  13.         initView();  
  14.     }  
  15.     public FlexibleScrollView(Context context, AttributeSet attrs) {  
  16.         super(context, attrs);  
  17.         this.mContext = context;  
  18.         initView();  
  19.     }  
  20.     public FlexibleScrollView(Context context) {  
  21.         super(context);  
  22.         this.mContext = context;  
  23.         initView();  
  24.     }  
  25.     privatevoid initView() {  
  26.         DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();  
  27.         float density = metrics.density;  
  28.         mMaxOverDistance = (int) (density * mMaxOverDistance);  
  29.     }  
  30.     @Override
  31.     protectedboolean overScrollBy(int deltaX, int deltaY, int scrollX,  
  32.             int scrollY, int scrollRangeX, int scrollRangeY,  
  33.             int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {  
  34.         returnsuper.overScrollBy(deltaX, deltaY, scrollX, scrollY,  
  35.                 scrollRangeX, scrollRangeY, maxOverScrollX, mMaxOverDistance,  
  36.                 isTouchEvent);  
  37.     }  
  38. }  

其實我們雖然重寫了ScrollView(或者ListView),但是隻改了它的一個方法的一個值!

也就是將overScrollBy中的maxOverScrollY改成了我們自己寫的值。

測試佈局:

[html] view plaincopyprint?在CODE上檢視程式碼片派生到我的程式碼片
  1. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:paddingBottom="@dimen/activity_vertical_margin"
  6.     android:paddingLeft="@dimen/activity_horizontal_margin"
  7.     android:paddingRight="@dimen/activity_horizontal_margin"
  8.     android:paddingTop="@dimen/activity_vertical_margin"
  9.     tools:context=".MainActivity">
  10.     <com.xys.flexible.FlexibleScrollView
  11.         android:layout_width="match_parent"
  12.         android:layout_height="match_parent"
  13.         android:text="@string/hello_world">
  14.         <TextView
  15.             android:id="@+id/tv"
  16.             android:layout_width="fill_parent"
  17.             android:layout_height="wrap_content"
  18.             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"/>
  19.     </com.xys.flexible.FlexibleScrollView>
  20. </RelativeLayout>

預設的maxOverScrollY=0,所以我們看不見任何效果,只要改為>0的值,就有效果了