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