android默认的ScrollView、ListView在最顶端下拉或者最底端上拉的时候,都不会带有反弹效果,很生硬的让你不能继续拖动,记得不像iOS那样可以回弹,个人认为,iOS的交互还是略好一点,那么我们也来在Android下实现下这个功能。
先看下效果图:
修改一个值,让ScrollView、ListView充满弹性 - 第1张 | 游戏开发网-最好的游戏编程开发技术网站!
注:记得当时在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改成了我们自己写的值。
测试布局:
[html] view plaincopyprint?
修改一个值,让ScrollView、ListView充满弹性 - 第4张 | 游戏开发网-最好的游戏编程开发技术网站!
修改一个值,让ScrollView、ListView充满弹性 - 第5张 | 游戏开发网-最好的游戏编程开发技术网站!
<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的值,就有效果了。
先看下效果图:
修改一个值,让ScrollView、ListView充满弹性 - 第1张 | 游戏开发网-最好的游戏编程开发技术网站!
注:记得当时在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改成了我们自己写的值。
测试布局:
[html] view plaincopyprint?
修改一个值,让ScrollView、ListView充满弹性 - 第4张 | 游戏开发网-最好的游戏编程开发技术网站!
修改一个值,让ScrollView、ListView充满弹性 - 第5张 | 游戏开发网-最好的游戏编程开发技术网站!
<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的值,就有效果了。