修改一個值,讓ScrollView、ListView充滿彈性
阿新 • • 發佈:2019-02-18
android預設的ScrollView、ListView在最頂端下拉或者最底端上拉的時候,都不會帶有反彈效果,很生硬的讓你不能繼續拖動,記得不像iOS那樣可以回彈,個人認為,iOS的互動還是略好一點,那麼我們也來在Android下實現下這個功能。
先看下效果圖:
注:記得當時在android系統2.3前,預設的ScrollView、ListView都支援下拉回彈效果的,但後來被蘋果買斷版權。(記得大學時口袋裡窮叮噹響,用僅剩的560元買了個雜牌的android手機,那時的系統是2.3的,目前仍然用來測試各種佈局和介面效果,裡面的ScrollView、ListView是可以回彈的)
今天的目標是一句話實現ScrollView、ListView 下拉回彈效果,如何去做呢?
先看下程式碼:
[java] view plaincopyprint?- package com.xys.flexible;
- import android.content.Context;
- import android.util.AttributeSet;
- import android.util.DisplayMetrics;
- import android.widget.ScrollView;
- publicclass FlexibleScrollView extends ScrollView {
-
private Context mContext;
- privatestaticint 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();
- }
- privatevoid initView() {
- DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
- float density = metrics.density;
- mMaxOverDistance = (int) (density * mMaxOverDistance);
- }
- @Override
- protectedboolean overScrollBy(int deltaX, int deltaY, int scrollX,
- int scrollY, int scrollRangeX, int scrollRangeY,
- int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
- returnsuper.overScrollBy(deltaX, deltaY, scrollX, scrollY,
- scrollRangeX, scrollRangeY, maxOverScrollX, mMaxOverDistance,
- isTouchEvent);
- }
- }
其實我們雖然重寫了ScrollView(或者ListView),但是隻改了它的一個方法的一個值!
也就是將overScrollBy中的maxOverScrollY改成了我們自己寫的值。
測試佈局:
[html] view plaincopyprint?- <RelativeLayoutxmlns: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的值,就有效果了。