recycleview 自动循环滚动_使用Recyclerview实现图片水平自动循环滚动

简介：

本篇博客主要介绍的是如何使用RecyclerView实现图片水平方向自动循环(跑马灯效果)

效果图：

思路：

1.准备m张图片

1.使用Recyclerview实现，返回无数个(实际Interge.MAXVALUE)item，第n个item显示第n%m张图片

3.使用recyclerview.scrollBy  每个一段时间水平滚动一段距离

4.通过layoutManager.findFirstVisibleItemPosition()获取当前显示的第一个View是第几个item,上面的ImageView显示对应de图片

实现代码：

XML文件

1.activity布局文件activity_recy.xml

android:layout_width="300dp"android:layout_height="350dp"android:layout_gravity="center_horizontal"android:id="@+id/img"android:src="@drawable/p5"android:scaleType="fitXY"

/>

android:layout_width="match_parent"android:layout_height="150dp"android:layout_marginTop="10dp"android:id="@+id/recyclerview"

>

2.适配器布局item_horizon.xml

>

android:layout_width="100dp"android:layout_height="match_parent"android:id="@+id/img"android:layout_marginLeft="5dp"android:layout_marginRight="5dp"android:scaleType="fitXY"

/>

Activity

public class HorizontalActivity extends AppCompatActivity implementsRecyAdapter.OnItemClickListener {private String TAG="HorizontalActivity";

@BindView(R.id.img)

ImageView img;

@BindView(R.id.recyclerview)

RecyclerView recyclerview;private Integer[] mImgIds ={R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4, R.drawable.p5,

R.drawable.pic1, R.drawable.pic5, R.drawable.pic6};private Listdatas;privateRecyAdapter recyAdapter;private Handler mHandler=newHandler();privateLinearLayoutManager layoutManager;private int oldItem=0;

@Overrideprotected voidonCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);

setContentView(R.layout.activity_recy);

ButterKnife.bind(this);

initData();

initRecy();

img.setImageResource(datas.get(0));

recyAdapter.setOnItemClickListener(this);

}

Runnable scrollRunnable=newRunnable() {

@Overridepublic voidrun() {

recyclerview.scrollBy(3,0);//int firstItem = layoutManager.findFirstVisibleItemPosition();

int firstItem=layoutManager.findFirstVisibleItemPosition();if(firstItem!=oldItem&&firstItem>0){

oldItem=firstItem;

img.setImageResource(datas.get(oldItem%datas.size()));

}

Log.e(TAG,"run: firstItem:"+firstItem );

mHandler.postDelayed(scrollRunnable,10);

}

};private voidinitRecy() {

recyAdapter=new RecyAdapter(this,datas);

layoutManager= new LinearLayoutManager(this);

layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

recyclerview.setLayoutManager(layoutManager);

recyclerview.setAdapter(recyAdapter);

}private voidinitData() {

datas=new ArrayList<>();for (int i = 0; i

datas.add(mImgIds[i]);

}

}

@Overrideprotected voidonResume() {super.onResume();

mHandler.postDelayed(scrollRunnable,10);

}

@Overrideprotected voidonStop() {super.onStop();

mHandler.removeCallbacks(scrollRunnable);

}

@Overridepublic void onItemClick(View view, inttag) {

Toast.makeText(this,"第"+tag+"张图片被点击了",Toast.LENGTH_SHORT).show();

}

}

适配器RecyAdapter

public class RecyAdapter extends RecyclerView.Adapter implementsView.OnClickListener {privateContext context;private Listdatas;privateOnItemClickListener onItemClickListener;public RecyAdapter(Context context, Listdatas) {this.context =context;this.datas =datas;

}

@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, intviewType) {

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

ViewHolder vh=newViewHolder(view);

view.setOnClickListener(this);returnvh;

}

@Overridepublic void onBindViewHolder(ViewHolder holder, intposition) {int newPos=position%datas.size();

holder.img.setImageResource(datas.get(newPos));

holder.itemView.setTag(position);

}

@Overridepublic intgetItemCount() {returnInteger.MAX_VALUE;

}

@Overridepublic voidonClick(View view) {if(onItemClickListener!=null){

onItemClickListener.onItemClick(view, (Integer) view.getTag());

}

}class ViewHolder extendsRecyclerView.ViewHolder {

ImageView img;publicViewHolder(View itemView) {super(itemView);

img=itemView.findViewById(R.id.img);

}

}public voidsetOnItemClickListener(OnItemClickListener listener){this.onItemClickListener=listener;

}interfaceOnItemClickListener{void onItemClick(View view,inttag);

}

}