android新特性：使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果

• 首先看一下效果吧
  

  
  

  20170123112552092.png

  
  自android5.0以来，RecyclerView的已经是android开发中不可缺少的控件了，他的方便不用多说了，那么使用RecyclerView当然不能像listview一样直接添加头布局了，那么RecyclerView该怎么一键添加头布局，并实现轮播图效果呢？

  • 首先要引入几个类库

             compile 'com.android.support:recyclerview-v7:25.1.0'
     compile 'com.bartoszlipinski:recyclerviewheader2:2.0.1'
     compile ('cn.trinea.android.view.autoscrollviewpager:android-auto-scroll-view-pager:1.1.2') {
            exclude module: 'support-v4'
        }

recyclerview-v7:25.1.0当然就是引入recyclerview了；
recyclerviewheader2:2.0.1是为了添加头布局；
android-auto-scroll-view-pager:1.1.2为轮播图。

• 现在来看他们三个该怎么布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="cn.hnshangyu.autoscrollandrecyclerviewheader.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.bartoszlipinski.recyclerviewheader2.RecyclerViewHeader
        android:id="@+id/recyclerView_header"
        android:layout_width="match_parent"
        android:layout_height="180dp">


        <cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager
            android:id="@+id/autoScrollViewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <!--<TextView-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:layout_centerHorizontal="true"-->
            <!--android:layout_alignParentBottom="true"-->
            <!--android:text="header" />-->

    </com.bartoszlipinski.recyclerviewheader2.RecyclerViewHeader>

</RelativeLayout>

RecyclerView与RecyclerViewHeader在同一节点下，AutoScrollViewPager在RecyclerViewHeader节点下，RecyclerView使用代码加入头布局！

• 代码设置（MainActivity）

package cn.hnshangyu.autoscrollandrecyclerviewheader;

import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

import com.bartoszlipinski.recyclerviewheader2.RecyclerViewHeader;

import java.util.concurrent.CopyOnWriteArrayList;

import butterknife.Bind;
import butterknife.ButterKnife;
import cn.trinea.android.view.autoscrollviewpager.AutoScrollViewPager;

public class MainActivity extends AppCompatActivity {

    @Bind(R.id.recyclerView)
    RecyclerView recyclerView;
    @Bind(R.id.recyclerView_header)
    RecyclerViewHeader recyclerViewHeader;
    @Bind(R.id.autoScrollViewPager)
    AutoScrollViewPager autoScrollViewPager;
    private CopyOnWriteArrayList<String> mData = new CopyOnWriteArrayList<>();
    private LinearLayoutManager manager;
    private MyAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        initData();
        recyclerViewHeader.attachTo(recyclerView);
        initListener();
    }

    private void initData() {
        for (int i = 0; i < 50; i++) {
            mData.add("huangxiaoguo" + i);
        }
        manager = new LinearLayoutManager(this);
        manager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(manager);
        mAdapter = new MyAdapter(this, mData);
        recyclerView.setAdapter(mAdapter);

    }


    @Override
    protected void onPause() {
        super.onPause();
        autoScrollViewPager.stopAutoScroll();
    }

    private void initListener() {
        mAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
            @Override
            public void OnItemClick(int position) {
                Toast.makeText(MainActivity.this, mData.get(position), Toast.LENGTH_LONG).show();
            }
        });
//        autoScrollViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
//            @Override
//            public Fragment getItem(int position) {
//                return FragmentFactory.createFragment(position);
//            }
//
//            @Override
//            public int getCount() {
//                return 2;
//            }
//        });
        autoScrollViewPager.setAdapter(new myPagerAdapter());
        autoScrollViewPager.startAutoScroll(3000);
        autoScrollViewPager.setInterval(3000);
        autoScrollViewPager.setDirection(AutoScrollViewPager.RIGHT);
        autoScrollViewPager.setCycle(true);
        autoScrollViewPager.setScrollDurationFactor(20);
        autoScrollViewPager.setStopScrollWhenTouch(true);
        autoScrollViewPager.setSlideBorderMode(AutoScrollViewPager.SLIDE_BORDER_MODE_CYCLE);
        autoScrollViewPager.setBorderAnimation(false);

        autoScrollViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                UIUtils.showToast("" + position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    private class myPagerAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return 5;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            View view = View.inflate(MainActivity.this, R.layout.image_view, null);
            container.addView(view);
            return view;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }
    }
}

方法简介：

recyclerViewHeader.attachTo(recyclerView);方法把头布局加入recyclerView中。

startAutoScroll() 开始自动滚动,延迟时间是2000毫秒。

startAutoScroll(int) 开始自动滚动延迟。

stopAutoScroll() 停止自动滚动。

setInterval(long) 设置自动滚动时间以毫秒为单位,默认是DEFAULT_INTERVAL。

setDirection(int) 设置自动滚动的方向,默认是RIGHT。

setCycle(boolean) 设置是否自动循环自动滚动到最后一个或第一项时,默认是true。

setScrollDurationFactor(double)  设置ViewPager滑动动画间隔时间的倍率，达到减慢动画或改变动画速度的效果

setSlideBorderMode(int) 将如何处理当滑动在最后或第一项,默认是SLIDE_BORDER_MODE_NONE。

setStopScrollWhenTouch(boolean) 设置是否停止自动滚动接触时,默认是true。

setBorderAnimation(boolean) 设置动画是否自动滚动在最后或第一项时,默认是true。

• RecyclerView的adatpter

package cn.hnshangyu.autoscrollandrecyclerviewheader;

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

import java.util.List;
import java.util.concurrent.CopyOnWriteArrayList;

import butterknife.Bind;
import butterknife.ButterKnife;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private Context mContext;
    private List<String> mData;

    public MyAdapter(Context context, CopyOnWriteArrayList<String> mData) {
        this.mContext = context;
        this.mData = mData;
    }

    private OnItemClickListener onItemClickListener;

    public interface OnItemClickListener {
        void OnItemClick(int position);
    }

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

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.item_view, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, final int position) {
        holder.textview.setText(mData.get(position));
        holder.textview.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (onItemClickListener != null) {
                    onItemClickListener.OnItemClick(position);
                }
            }
        });
    }


    @Override
    public int getItemCount() {
        return mData.size();
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        @Bind(R.id.textview)
        TextView textview;

        public ViewHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);

        }
    }
}

好了，实现了....

Demo下载地址：http://download.csdn.net/detail/huangxiaoguo1/9743644