recycleview+NestedScrollView+viewpager 解决滑动问题以及recycleview的使用技巧

效果图：上面是轮播广告，下面是recycleview瀑布流

1499238222694.gif

首先说一下布局

要做到滑动效果并且和recycleview联动
1.添加头布局，可是很遗憾 recycleview并没有提供addheadview addfootview的方法，虽然没有提供，不过我们可以通过多条目recycleview 在adapter里 重新 getItemViewType方法添加多条目来增加头布局或脚布局
2.外面用可以滚动的控件包着，自己解决滑动冲突
这里没有ScrollView而是用5.0新出的 NestedScrollView
然后我们首先要写一个adapter继承recycleviewadapter，这里还有一点需要注意，就是recycleview虽然布局特别方便（这里说的是实现横向纵向列表或者瀑布流）但是并没有自带item点击事件，也就是我们写adapter要考虑到这一点，自己写个接口回调实现条目点击事件，感觉好坑爹啊啥也不带

Adapter代码：

package com.panghaha.it.mymusicplayerdemo;

import android.content.Context;
import android.support.v7.widget.CardView;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/***
 * ━━━━ Code is far away from ━━━━━━
 * 　　  () 　　　  ()
 * 　　  ( ) 　　　( )
 * 　　  ( ) 　　　( )
 * 　　┏┛┻━━━┛┻┓
 * 　　┃　　　━　　　┃
 * 　　┃　┳┛　┗┳　┃
 * 　　┃　　　┻　　　┃
 * 　　┗━┓　　　┏━┛
 * 　　　　┃　　　┃
 * 　　　　┃　　　┗━━━┓
 * 　　　　┃　　　　　　　┣┓
 * 　　　　┃　　　　　　　┏┛
 * 　　　　┗┓┓┏━┳┓┏┛
 * 　　　　　┃┫┫　┃┫┫
 * 　　　　　┗┻┛　┗┻┛
 * ━━━━ bug with the more protecting ━━━
 * 

 * Created by PangHaHa12138 on 2017/7/3.
 */
public class MeiziAdapter extends RecyclerView.Adapter implements View.OnClickListener{

    private List mlist;

    private Context context;
    private static final int TYPE_HEADER = 0, TYPE_ITEM = 1, TYPE_FOOT = 2;
    private View headView;
    private View footView;
    private boolean isAddFoot = false;
    private boolean isAddHead = false;
    private int headViewSize = 0;
    private int footViewSize = 0;

    private OnItemClickListener mOnItemClickListener = null;



    public Context getContext() {
        return context;
    }

    public void setContext(Context context) {
        this.context = context;
    }

    public MeiziAdapter(List list,Context context){

        this.mlist = list;
        this.context = context;
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView meizi;
        CardView cardView;
        TextView textView;
        public ViewHolder(View itemView) {
            super(itemView);
            cardView = (CardView) itemView;
            textView = (TextView) itemView.findViewById(R.id.hahtextt);
            meizi = (ImageView) itemView.findViewById(R.id.meizitu);
        }
    }


    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View view = LayoutInflater.from(context).inflate(R.layout.recycleitem,parent,false);
        view.setOnClickListener(this);

        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {

        meinv meinv = mlist.get(position);

                holder.meizi.setImageResource(meinv.getImageid());
                holder.textView.setText(meinv.getMsg());
        holder.itemView.setTag(position);

    }

    @Override
    public void onClick(View v) {
        if (mOnItemClickListener != null) {
            //注意这里使用getTag方法获取position
            mOnItemClickListener.onItemClick(v,(int)v.getTag());
        }
    }

    //define interface
    public static interface OnItemClickListener {
        void onItemClick(View view , int position);
    }

    public void setOnItemClickListener(OnItemClickListener listener) {
        this.mOnItemClickListener = listener;
    }

    

    @Override
    public int getItemCount() {

        return mlist.size();
    }
}

然后item布局外面用Cardview包着，这也是最常见的效果

在fragment使用

 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
                             @Nullable Bundle savedInstanceState) {

        mview = inflater.inflate(R.layout.fragmenta,container,false);
        recyclerView = (RecyclerView) mview.findViewById(R.id.recycleview);
        StaggeredGridLayoutManager layoutManager =
                //这里 3 代表三列 后面代表瀑布流朝向
                new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);

        initlist();//初始化模拟数据
        
        mDemoSlider = (SliderLayout) mview.findViewById(R.id.slider);

        MeiziAdapter adapter = new MeiziAdapter(list,getActivity());
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(adapter);

        SpcaceDecoration sc = new SpcaceDecoration(1);//设置间距
        recyclerView.addItemDecoration(sc);

        recyclerView.setNestedScrollingEnabled(false);
        //NesterScrollView不允许滑动
        recyclerView.setHasFixedSize(true);
        //RecycleView固定大小会实现优化

        adapter.setOnItemClickListener(new MeiziAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                Toast.makeText(getActivity(),"我被点击了"+position,Toast.LENGTH_SHORT).show();
            }
        });

        setloopconfig();

        return mview;
    }

还有一点就是继承RecyclerView.ItemDecoration 设置item间距

package com.panghaha.it.mymusicplayerdemo;

import android.graphics.Rect;
import android.support.v7.widget.RecyclerView;
import android.view.View;

/***
 * ━━━━ Code is far away from ━━━━━━
 * 　　  () 　　　  ()
 * 　　  ( ) 　　　( )
 * 　　  ( ) 　　　( )
 * 　　┏┛┻━━━┛┻┓
 * 　　┃　　　━　　　┃
 * 　　┃　┳┛　┗┳　┃
 * 　　┃　　　┻　　　┃
 * 　　┗━┓　　　┏━┛
 * 　　　　┃　　　┃
 * 　　　　┃　　　┗━━━┓
 * 　　　　┃　　　　　　　┣┓
 * 　　　　┃　　　　　　　┏┛
 * 　　　　┗┓┓┏━┳┓┏┛
 * 　　　　　┃┫┫　┃┫┫
 * 　　　　　┗┻┛　┗┻┛
 * ━━━━ bug with the more protecting ━━━
 * 

 * Created by PangHaHa12138 on 2017/7/4.
 */
public class SpcaceDecoration extends RecyclerView.ItemDecoration {

    private int space;

    public SpcaceDecoration(int space) {
        this.space=space;
    }


    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        outRect.left=space;
        outRect.right=space;
        outRect.bottom=space;
        if(parent.getChildAdapterPosition(view)==0){
            outRect.top=space;
        }
    }
}

最后还有一个小知识点，就是recycleview抢占焦点问题
Recycleview的父容器加上

android:descendantFocusability="blocksDescendants"

这个就可以了

  beforeDescendants：viewgroup会优先其子类控件而获取到焦点   
  afterDescendants：viewgroup只有当其子类控件不需要获取焦点时才获取焦点
  blocksDescendants：viewgroup会覆盖子类控件而直接获得焦点

感谢阅读 ~have a nice day~