Android_RecyclerView实现上下滚动广告条实例（带图片）

2024-02-20 10:06:05 131

前言

公司新项目首页有个类似京东/淘宝滚动广告条，查了一下大概都是两种实现方式，一是textview，如果只有文字的话是可行的，但我们这个上面还有个小图片，所以pass；二是两个viewGroup，使用动画交替滚动，可以实现，就是显得很麻烦，于是偷懒的我就想着用recyclerView来解决这个小问题！

思路

这个滚动广告条高度通常是固定的，用一个固定高度的viewGroup来包裹一个recyclerView，recylerView的item布局设置一个minHeight为viewGroup的高度，这样刚好能看到一个完整的item，然后使用recyclerView自带的方法smoothScrollBy（）来滚动recyclerView；他需要两个参数，x轴的滚动距离和y轴的滚动距离，我们是上下滚动，所以x轴传入1就好啦！y轴距离传入你的item高度，然后使用handler写一个循环任务就可以实现一直滚动啦！

/**
*Animateascrollbythegivenamountofpixelsalongeitheraxis.
*
*@paramdxPixelstoscrollhorizontally
*@paramdyPixelstoscrollvertically
*/
publicvoidsmoothScrollBy(intdx,intdy){
smoothScrollBy(dx,dy,null);
}

遇到的问题

写好之后发现这个控件是不能够触摸滑动的，但是又需要点击事件。想了想如果在onTouchEvent之类的方法中处理的话很麻烦，还不能保证完全禁止一点点都不能滑，所以就又想了个偷懒的办法。给recyclerView上加一层透明的蒙板，彻底禁用掉recyclerView的touch事件，给蒙板设置点击事件……下面是代码

布局：

Adapter：

publicclassMaintainInfoAdapterextendsRecyclerView.Adapter{

Listlist;
publicMaintainInfoAdapter(Listlist){
this.list=list;
}

@Override
publicMyViewHolderonCreateViewHolder(ViewGroupparent,intviewType){
Viewview=LayoutInflater.from(parent.getContext()).inflate(R.layout.item_home_maintain,null);

returnnewMyViewHolder(view);
}

@Override
publicvoidonBindViewHolder(MyViewHolderholder,intposition){
holder.tv.setText(list.get(position%4));
}

@Override
publicintgetItemCount(){
returnInteger.MAX_VALUE;
}

publicstaticclassMyViewHolderextendsRecyclerView.ViewHolder{

publicTextViewtv;

publicMyViewHolder(ViewitemView){
super(itemView);
tv=(TextView)itemView.findViewById(R.id.tv_maintain);
}

}
}

设置recyclerView：

/**
*滚动养车宝典
*/
privatevoidinitMaintainData(){
mList=newArrayList<>();
mList.add("如何做好队汽车的轮胎养护0");
mList.add("如何做好队汽车的轮胎养护1");
mList.add("如何做好队汽车的轮胎养护2");
mList.add("如何做好队汽车的轮胎养护3");
mRvHomeMaintain.setLayoutManager(newLinearLayoutManager(mActivity));
mAdapter=newMaintainInfoAdapter(mList);
mRvHomeMaintain.setAdapter(mAdapter);
Messagemsg=newMessage();
msg.what=MAINTAIN_INFO;
sHandler.sendMessageDelayed(msg,3000);
//通过一个透明的蒙板来设置点击事件
mViewHomeMaintain.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
Toast.makeText(mActivity,"pos%4:"+(pos%4),Toast.LENGTH_SHORT).show();
}
});
}
//当前显示的item
privateintpos=0;
privateHandlersHandler=newHandler(){
@Override
publicvoidhandleMessage(Messagemsg){
super.handleMessage(msg);
switch(msg.what){
caseMAINTAIN_INFO:
mRvHomeMaintain.smoothScrollBy(0,SizeUtils.dp2px(60));
pos++;
Messagemessage=newMessage();
message.what=MAINTAIN_INFO;
sHandler.removeMessages(MAINTAIN_INFO);
sHandler.sendMessageDelayed(message,3000);
break;
}
}
};

只是一个小demo，很多细节没太考虑……有什么问题还望大佬们指出，不胜感激，也希望大家多多支持毛票票。

Android_RecyclerView实现上下滚动广告条实例（带图片）

热门推荐

随机推荐