android仿QQ个人主页下拉回弹效果-创新互联

先看效果：

效果不错吧！

进入主题之前，先了解ImageView的scaleType的center_crop，网络上说的已经很清楚了 : 以下抄自网络：

1.Android:scaleType=”centerCrop”
以填满整个ImageView为目的，将原图的中心对准ImageView的中心，等比例放大原图，直到填满ImageView为止（指的是ImageView的宽和高都要填满），原图超过ImageView的部分作裁剪处理。

均衡的缩放图像（保持图像原始比例），使图片的两个坐标（宽、高）都大于等于 相应的视图坐标（负的内边距）。图像则位于视图的中央。 在XML 中可以使用的语法：android:scaleType=”centerCrop”。

不说废话，直接进入主题！！

思路

1.先将topView的布局和listview平级，然后将topview以及topview包裹的imageView中传listview，即一般是activity的layout
2.重写listView的ontoucEvent()方法，但不做任何拦截，只在action时，控制imageView以及topView的高度，使其重新layout然后重新布局就可以了。
3.以上是大概思路，这里具体分析：当action_down时记录其初始位置，action_move时得到dy，通过dy来判断是上啦还是下拉：
（1）dy>0,则是下拉，不断重新设置topView和imageView的高度，又因为imageView的scaleType=center_crop,所以图片会按照这个规则进行等比拉伸，当到达图片大时就会有不断放大的过程
当松开手或者手指移出屏幕外时（action_up|action_outside|action_cancel）时让其回到初始位置，并伴着回弹过程，这里通过自定义动画让其具备回弹效果
（2）dy<0,则是上拉，上推的过程，由于topView和Imageview不具备滚动的效果，所以上推也是通过控制topView和ImageView的高度，并且当TopVIew和ImageView滑出屏幕时就不在更改高度防止不断的绘制，提高性能。
ok,大体思路就这样。具体分析代码如下：

实现：

activity的xml
stretch_act.xml: