android 自定义ScrollView实现背景图片伸缩（仿多米,PaPa个人页面特效也称为阻尼效果）

首先还是按照惯例给大家看下示例.

     

用过多米音乐的都会知道， 这个UI可以上下滑动，作用嘛---无聊中可以划划解解闷，这被锤子公司老罗称呼为“情怀”，其实叫“情趣”更合适。嘿嘿.如今移动互联网发展这么迅速，市场上已不再是那初期随便敲个APP放上架就能拥有几十万用户的阶段了.最近苹果公司，为了怕android下载量赶超苹果商店，大势声称：(第 500 亿个下载应用的用户就可以获得 10,000 美元的 iTunes 礼品卡，除此之外，紧随第 500 亿之后的前 50 名用户也可以获得 500 美元的礼品卡.至于移动发展趋势，我想搞移动IT的人心里都比较清楚，扯远了).其实应用UI特效是应用中很大的一部分，如果同样功能的两款软件，一个功能好点如“网易新闻”,另外一个稍微差点如“新浪新闻”,用户的你毫无疑问肯定会选择网易客户端.总结就是“操作性”对于产品起着至关重要的因素.

接下来我们看下如何实现，首先声明，这个实现的方式不是很好，我这里只是提出一个解决方案，大家可以根据自己的想法进行创新.

原理：RelativeLayout+自定义ScrollView.

我们大致看下布局结构如图：

             

其实也没什么技术含量，我简单介绍下：红色代表的是背景照片，绿色的代表自定义ScrollView,粉色是代表你要编辑的透明区域.也不过多解释，想必大家都明白，我们还是来看代码吧。

由于属于情怀特效（没有具体的回调事件要求），那么就没有必要自定义监听,回调处理，我直接把要处理的UI注入到自定义控件中，这样她方便我也方便.

在此说明一下，前面部分实现中有误，但是也希望您仔细品读，相信您一定可以学到一些知识的。

首先我们将背景图片和顶部线条注入到该控件中。接着我们看onTouchEvent事件，因为至始至终都是她在起作用.

/***
	 * 触摸事件
	 * 
	 * @param ev
	 */
	public void commOnTouchEvent(MotionEvent ev) {
		int action = ev.getAction();
		switch (action) {
		case MotionEvent.ACTION_DOWN:
			initTouchY = ev.getY();

			current_Top = initTop = imageView.getTop();
			current_Bottom = initBottom = imageView.getBottom();
			lineUp_current_Top = line_up_top = line_up.getTop();
			lineUp_current_Bottom = line_up_bottom = line_up.getBottom();
			break;
		case MotionEvent.ACTION_UP:
			/** 回缩动画 **/
			if (isNeedAnimation()) {
				animation();
			}

			isMoveing = false;
			touchY = 0;// 手指松开要归0.

			break;

		/***
		 * 排除出第一次移动计算，因为第一次无法得知deltaY的高度， 然而我们也要进行初始化，就是第一次移动的时候让滑动距离归0.
		 * 之后记录准确了就正常执行.
		 */
		case MotionEvent.ACTION_MOVE:

			Log.e(TAG, "isMoveing=" + isMoveing);

			touchY = ev.getY();

			float deltaY = touchY - initTouchY;// 滑动距离

			Log.e(TAG, "deltaY=" + deltaY);

			/** 过滤: **/
			if (deltaY < 0 && inner.getTop() <= 0) {
				return;
			}

			// 当滚动到最上或者最下时就不会再滚动，这时移动布局
			isNeedMove();

			if (isMoveing) {
				// 初始化头部矩形
				if (normal.isEmpty()) {
					// 保存正常的布局位置
					normal.set(inner.getLeft(), inner.getTop(),
							inner.getRight(), inner.getBottom());
				}
				// 移动布局(手势移动的1/3)
				float inner_move_H = deltaY / 5;
				inner.layout(normal.left, (int) (normal.top + inner_move_H),
						normal.right, (int) (normal.bottom + inner_move_H));

				/** image_bg **/
				float image_move_H = deltaY / 10;