-
首先看一下效果吧
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
