前言
公司新项目首页有个类似京东/淘宝滚动广告条,查了一下大概都是两种实现方式,一是textvIEw,如果只有文字的话是可行的,但我们这个上面还有个小图片,所以pass;二是两个vIEwGroup,使用动画交替滚动,可以实现,就是显得很麻烦,于是偷懒的我就想着用recyclerVIEw来解决这个小问题!
思路
这个滚动广告条高度通常是固定的,用一个固定高度的vIEwGroup来包裹一个recyclerVIEw,recylerVIEw的item布局设置一个minHeight为vIEwGroup的高度,这样刚好能看到一个完整的item,然后使用recyclerVIEw自带的方法 smoothScrollBy()来滚动recyclerVIEw;他需要两个参数,x轴的滚动距离和y轴的滚动距离,我们是上下滚动,所以x轴传入1就好啦!y轴距离传入你的item高度,然后使用handler写一个循环任务就可以实现一直滚动啦!
/** * Animate a scroll by the given amount of pixels along either axis. * * @param dx Pixels to scroll horizontally * @param dy Pixels to scroll vertically */ public voID smoothScrollBy(int dx,int dy) { smoothScrollBy(dx,dy,null); }
遇到的问题
写好之后发现这个控件是不能够触摸滑动的,但是又需要点击事件。想了想如果在ontouchEvent之类的方法中处理的话很麻烦,还不能保证完全禁止一点点都不能滑,所以就又想了个偷懒的办法。给recyclerVIEw上加一层透明的蒙板,彻底禁用掉recyclerVIEw的touch事件,给蒙板设置点击事件……下面是代码
布局:
<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:layout_wIDth="match_parent" androID:layout_height="60dp" androID:background="@color/colorWhite" androID:orIEntation="horizontal"> <TextVIEw androID:layout_wIDth="wrap_content" androID:layout_height="match_parent" androID:layout_marginleft="18dp" androID:gravity="center" androID:text="养车\n宝典" androID:textcolor="@color/colorTitle" androID:textSize="12sp"/> <VIEw androID:layout_wIDth="0.5dp" androID:layout_height="match_parent" androID:layout_marginBottom="12dp" androID:layout_marginleft="10dp" androID:layout_margintop="12dp" androID:background="@color/colorTitle"/> <!--禁用了recyclerVIEw的触摸事件,他的点击事件交由一个透明的蒙版来实现--> <relativeLayout androID:layout_marginleft="6dp" androID:layout_wIDth="match_parent" androID:layout_height="match_parent"> <com.xinshiwi.mycar.vIEw.autoScrollRecyclerVIEw androID:ID="@+ID/rv_home_maintain" androID:layout_wIDth="match_parent" androID:layout_height="match_parent"/> <VIEw androID:ID="@+ID/vIEw_home_maintain" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:background="@androID:color/transparent"/> </relativeLayout></linearLayout>
Adapter:
public class MaintainInfoAdapter extends RecyclerVIEw.Adapter<MaintainInfoAdapter.MyVIEwHolder> { List<String> List; public MaintainInfoAdapter(List<String> List) { this.List = List; } @OverrIDe public MyVIEwHolder onCreateVIEwHolder(VIEwGroup parent,int vIEwType) { VIEw vIEw = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_home_maintain,null); return new MyVIEwHolder(vIEw); } @OverrIDe public voID onBindVIEwHolder(MyVIEwHolder holder,int position) { holder.tv.setText(List.get(position % 4)); } @OverrIDe public int getItemCount() { return Integer.MAX_VALUE; } public static class MyVIEwHolder extends RecyclerVIEw.VIEwHolder { public TextVIEw tv; public MyVIEwHolder(VIEw itemVIEw) { super(itemVIEw); tv = (TextVIEw) itemVIEw.findVIEwByID(R.ID.tv_maintain); } }}
设置recyclerVIEw:
/** * 滚动养车宝典 */ private voID initMaintainData() { mList = new ArrayList<>(); mList.add("如何做好队汽车的轮胎养护0"); mList.add("如何做好队汽车的轮胎养护1"); mList.add("如何做好队汽车的轮胎养护2"); mList.add("如何做好队汽车的轮胎养护3"); mRvHomeMaintain.setLayoutManager(new linearlayoutmanager(mActivity)); mAdapter = new MaintainInfoAdapter(mList); mRvHomeMaintain.setAdapter(mAdapter); Message msg = new Message(); msg.what = MAINTAIN_INFO; sHandler.sendMessageDelayed(msg,3000); //通过一个透明的蒙板来设置点击事件 mVIEwHomeMaintain.setonClickListener(new VIEw.OnClickListener() { @OverrIDe public voID onClick(VIEw v) { Toast.makeText(mActivity,"pos % 4:" + (pos % 4),Toast.LENGTH_SHORT).show(); } }); }//当前显示的itemprivate int pos = 0;private Handler sHandler = new Handler() { @OverrIDe public voID handleMessage(Message msg) { super.handleMessage(msg); switch (msg.what) { case MAINTAIN_INFO: mRvHomeMaintain.smoothScrollBy(0,SizeUtils.dp2px(60)); pos++; Message message = new Message(); message.what = MAINTAIN_INFO; sHandler.removeMessages(MAINTAIN_INFO); sHandler.sendMessageDelayed(message,3000); break; } } };
只是一个小demo,很多细节没太考虑……有什么问题还望大佬们指出,不胜感激,也希望大家多多支持编程小技巧。
总结以上是内存溢出为你收集整理的Android_RecyclerView实现上下滚动广告条实例(带图片)全部内容,希望文章能够帮你解决Android_RecyclerView实现上下滚动广告条实例(带图片)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)