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

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

    道理：RelativeLayout+自定义ScrollView.

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

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

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

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

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

   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;
    current_Top = (int) (initTop + image_move_H);
    current_Bottom = (int) (initBottom + image_move_H);
    imageView.layout(imageView.getLeft(), current_Top,
      imageView.getRight(), current_Bottom);

    /** line_up **/
    float line_up_H = inner_move_H;
    lineUp_current_Top = (int) (line_up_top + inner_move_H);
    lineUp_current_Bottom = (int) (line_up_bottom + inner_move_H);
    line_up.layout(line_up.getLeft(), lineUp_current_Top,
      line_up.getRight(), lineUp_current_Bottom);
   }
   break;

  default:
   break;

  }
 }