前言
因为公司项目要实现一个效果,在ScrollView没有向下滚动时,下拉(未重写前下拉是没有任何效果的)放大顶部的图片,当时去网上找了,记得以前见过很多这样的控件的,现在却找半天也很难找到一个,好不容易找到了2个,发现效果都和需求上面的效果有偏差,最后没有办法只能是自己写了,花费了半天时间研究出来了,同时为了记录实现思路,所以就有了此文章
效果
实现思路
拦截ScrollView的触摸滑动事件(ACTION_MOVE),记录下当前事件y轴坐标,判断当前ScrollView的Y轴滚动进度(getScrollY)是否等于0,等于0就与上次事件记录的位置进行对比,如果为正数就放大(X轴是从左往右,Y轴是从上往下,所以下拉时本次事件的Y轴会大于上次事件的Y轴),每次事件都通过设置ImageView的高度来放大图片控件(本来想用属性动画的,但是因为每个事件放大的比例非常小,所以最后就没使用,直接通过修改属性来实现),同时记录从开始到现在事件位置一共偏移了多少,当偏移量大于最大值的,就停止放大并将偏移量设置为最大值,当偏移量小于0时,则将偏移量设置为0,同时不再继续拦截事件。注意被放大的图片需要设置scaleType为centerCrop,这样当图片高度发生变化时,图片内容才会跟着大,当然其他几种模式有些模式也能跟着放大,但是具体可以自己去测试,我就不去测试了,毕竟我已经达到我要的效果了
好了,废话少说,先贴代码,再对代码进行说明
代码
package wang.raye.library;
import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import android.os.Build;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.ScrollView;
/**
* 重写让ScrollView有滚动监听(23以前是没有滚动监听的)
* 拦截touch事件,让其支持下拉放大图片
* Created by Raye on 2016/6/11.
*/
public class ZoomScrollView extends ScrollView {
private View zoomView;
/** 记录上次事件的Y轴*/
private float mLastMotionY;
/** 记录一个滚动了多少距离,通过这个来设置缩放*/
private int allScroll = -1;
/** 控件原本的高度*/
private int height = 0;
/** 被放大的控件id*/
private int zoomId;
/** 最大放大多少像素*/
private int maxZoom;
/** 滚动监听*/
private ScrollViewListener scrollViewListener = null;
private Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
allScroll -= 25;
if(allScroll < 0){
allScroll = 0;
}
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) zoomView.getLayoutParams();
lp.height = (int) (height + allScroll/2);
zoomView.setLayoutParams(lp);
if(allScroll != 0){
handler.sendEmptyMessageDelayed(1,10);
}else{
allScroll = -1;
}
}
};
public ZoomScrollView(Context context) {
super(context);
}
public