Android仿淘宝商品浏览界面图片滚动效果仿淘宝商品浏览界面图片滚动效果
用手机淘宝浏览商品详情时,商品图片是放在后面的,在第一个ScrollView滚动到最底下时会有提示,继续拖动才能浏览图
片。仿照这个效果写一个出来并不难,只要定义一个Layout管理两个ScrollView就行了,当第一个ScrollView滑到底部时,再
次向上滑动进入第二个ScrollView。效果如下:
需要注意的地方是:
1、如果是手动滑到底部需要再次按下才能继续往下滑,自动滚动到底部则不需要
2、在由上一个ScrollView滑动到下一个ScrollView的过程中多只手指相继拖动也不会导致布局的剧变,也就是多个pointer
的滑动不会导致move距离的剧变。
这个Layout的实现思路实现思路是:
在布局中放置两个ScrollView,并为其设置OnTouchListener,时刻判断ScrollView的滚动距离,一旦第一个ScrollView滚
动到底部,则标识改为可向上拖动,此时开始记录滑动距离mMoveLen,根据mMoveLen重新layout两个ScrollView;同理,
监听第二个ScrollView是否滚动到顶部,以往下拖动。
OK,明白了原理之后可以看代码了:
package com.jingchen.tbviewer;
import java.util.Timer;
import java.util.TimerTask;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.ScrollView;
/**
* 包含两个ScrollView的容器
*