Android魔术（第五弹）—— 一步步实现滑动折叠列表

项目的github地址：FastWidget4Android  很多炫酷的自定义效果，欢迎fork和star！

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="wrap_content">

    <RelativeLayout
        android:id="@+id/item_content"
        android:layout_width="match_parent"
        android:layout_height="@dimen/scroll_fold_item_height">

        <ImageView
            android:id="@+id/item_img"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"/>

        <ImageView
            android:id="@+id/item_img_shade"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="#000000"/>

        <LinearLayout
            android:id="@+id/scale_item_content"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:orientation="vertical">

            ...
           
        </LinearLayout>

        ...
       
    </RelativeLayout>
</FrameLayout>

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
   if(viewType == 0) {
      View item = LayoutInflater.from(mContext).inflate(R.layout.scroll_fold_list_item, null);
      return new ItemViewHolder(item);
   }
   else{
      View bottom = LayoutInflater.from(mContext).inflate(R.layout.scroll_fold_list_footer, null);
      return new BottomViewHolder(bottom);
   }
}

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
   holder.initData(position);
}

abstract class ViewHolder extends RecyclerView.ViewHolder{
   View item;

   public ViewHolder(View itemView) {
      super(itemView);
      item = itemView;
   }

   abstract void initData(int position);
}

class BottomViewHolder extends ViewHolder{

   public BottomViewHolder(View itemView) {
      super(itemView);
   }

   @Override
   void initData(int position) {
      ViewGroup.LayoutParams bottomParams = itemView.getLayoutParams();
      if(bottomParams == null){
         bottomParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0);
      }
      bottomParams.height = recyclerView.getHeight() - itemHeight + 10;
      itemView.setLayoutParams(bottomParams);
   }
}

class ItemViewHolder extends ViewHolder{
   View content;
   ImageView image;
   TextView name;

   public ItemViewHolder(View itemView) {
      super(itemView);
      item = itemView;
      content = itemView.findViewById(R.id.item_content);
      image = (ImageView)itemView.findViewById(R.id.item_img);
      name = (TextView) itemView.findViewById(R.id.item_name);
   }

   void initData(int position){
      image.setImageResource(IMGS[position]);
      name.setText(NAMES[position]);
      ViewGroup.LayoutParams params = item.getLayoutParams();
      if(params == null){
         params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 0);
      }
      params.height = itemSmallHeight;
      content.findViewById(R.id.item_img_shade).setAlpha(ITEM_SHADE_DARK_ALPHA);
      item.setLayoutParams(params);
   }
}

list.addOnScrollListener(new RecyclerView.OnScrollListener() {
   @Override
   public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
      changeItemState();
   }

   @Override
   public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
      ...
   }
});

private void changeItemState(){
   int firstVisibleIndex = linearLayoutManager.findFirstVisibleItemPosition();
   ViewGroup first = (ViewGroup) linearLayoutManager.findViewByPosition(firstVisibleIndex);
   int firstVisibleOffset = -first.getTop();
   int changeheight = (int) (firstVisibleOffset * (ScrollFoldAdapter.ITEM_CONTENT_TEXT_SCALE - 1));

   // 减少当前展示的第一个item的高度。
   if (first == null) {
      return;
   }
   changeItemHeight(first, itemHeight - changeheight);
   changeItemState(first, ScrollFoldAdapter.ITEM_CONTENT_TEXT_SCALE, ScrollFoldAdapter.ITEM_SHADE_LIGHT_ALPHA);

   // 增大当前展示的第二个item的高度，改变内容大小，改变透明度
   if (firstVisibleIndex + 1 < adapter.getItemCount() - 1) {
      ViewGroup second = (ViewGroup) linearLayoutManager.findViewByPosition(firstVisibleIndex + 1);
      changeItemHeight(second, itemSmallHeight + changeheight);

      float scale = (float) firstVisibleOffset / itemSmallHeight
            * (ScrollFoldAdapter.ITEM_CONTENT_TEXT_SCALE - 1) + 1.0f;
      float alpha = (ScrollFoldAdapter.ITEM_SHADE_DARK_ALPHA - ScrollFoldAdapter.ITEM_SHADE_LIGHT_ALPHA)
            * (1 - (float) firstVisibleOffset / itemSmallHeight)
            + ScrollFoldAdapter.ITEM_SHADE_LIGHT_ALPHA;
      changeItemState(second, scale, alpha);
   }

   /**
    * 由于快速滑动，导致计算及状态有误 所以下面就是消除这种误差，校准状态。具体如下
    * 将第一个item上面（存在的）的和第二个Item下面的都变为收缩的高度，内容缩放到最小，透明度为0。65
    */
   for (int i = 0; i <= linearLayoutManager.findLastVisibleItemPosition(); i++) {
      if (i < adapter.getItemCount() - 1 && i != firstVisibleIndex && i != firstVisibleIndex + 1) {
         ViewGroup item = (ViewGroup) linearLayoutManager.findViewByPosition(i);
         if(item == null){
                   continue;
               }
               changeItemHeight(item, itemSmallHeight);
         float scale = 1;
         float alpha = ScrollFoldAdapter.ITEM_SHADE_DARK_ALPHA;
         changeItemState(item, scale, alpha);
      }
   }
}

/**
 * 改变一个item的高度。
 *
 * @param item
 * @param height
 */
private void changeItemHeight(View item, int height) {
   ViewGroup.LayoutParams itemParams = item.getLayoutParams();
   itemParams.height = height;
   item.setLayoutParams(itemParams);
}

/**
 * 改变一个item的状态，包括透明度，大小等
 * @param item
 * @param scale
 * @param alpha
 */
private void changeItemState(ViewGroup item, float scale, float alpha) {
   if (item.getChildCount() > 0) {
      View changeView = item.findViewById(R.id.scale_item_content);
      changeView.setScaleX(scale);
      changeView.setScaleY(scale);

      View shade = item.findViewById(R.id.item_img_shade);
      shade.setAlpha(alpha);
   }
}

list.addOnScrollListener(new RecyclerView.OnScrollListener() {
   @Override
   public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
      changeItemState();
   }

   @Override
   public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
      if (newState == RecyclerView.SCROLL_STATE_IDLE) {
         int firstVisibleIndex = linearLayoutManager.findFirstVisibleItemPosition();
         View first = linearLayoutManager.findViewByPosition(firstVisibleIndex);
         int firstVisibleOffset = -first.getTop();
         if (firstVisibleOffset == 0) {
            return;
         }
         if (firstVisibleOffset < itemSmallHeight / 2) {
            list.scrollBy(0, -firstVisibleOffset);
         } else {
            list.scrollBy(0, itemSmallHeight - firstVisibleOffset);
         }
         changeItemState();
      }
   }
});

FastWidget4Android  很多炫酷的自定义效果，欢迎fork和star！