大胸弟,我写了个仿商城热门推荐的效果,快进来看看

本文介绍了一种在Android中实现跑马灯效果的方法,通过ViewFlipper和RecyclerView两种方案进行对比,提供了具体实现思路和代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

废话不多说,先看效果:

demo地址: github.com/lxykad/vert…

首先产品需求是红色背景的那个view的效果。最先想到的当然是世界上最大的同性交友社区GitHub,于是找到了最上面那个999跑马灯的效果,这特么明显和需求不一样,算了,自己撸一个吧。

我是一个比较懒的人,首先当然是先找系统控件了,于是想用ViewFlipper来实现,直接在xml布局里写上:

<ViewFlipper
    android:id="@+id/view_flipper"
    android:layout_width="match_parent"
    android:layout_height="100dp">
</ViewFlipper>复制代码

代码里几行代码 设置一下完事

        mFlipper.addView(tv1);
    mFlipper.addView(tv2);
    mFlipper.addView(tv3);

    mFlipper.setInAnimation(this, R.anim.headline_in);//进入动画
    mFlipper.setOutAnimation(this, R.anim.headline_out);//出去动画
    mFlipper.setFlipInterval(2000);//时间
    mFlipper.startFlipping();复制代码

于是gif图里中间的效果就实现了,和京东淘宝啥的热门推荐效果一样一样的(ui细节自己根据需求调一下就哦了,不要在意这些,这里仅仅提供思路作为参考)。

不过和我要的效果还是有差距啊,我要显示3行的,没办法,再换个思路吧……,用recyclerview实现,大概思路如下:

1、固定三行显示的高度,比如90dp

2、item的高度固定为30dp,这样刚好显示3行

3、用一个线程安全的消息队列存放服务器推送过来的数据

4、写一个轮询(我这里用rxjava实现),每隔3秒去队列查询一次数据,如果列表数据少于3条,直接显示。如果列表数据大于等于3条的画,先添加一条,然后再移除第一条。

主要代码如下:

//3秒轮询一次消息队列
public void startLoop() {
    Observable.interval(3, TimeUnit.SECONDS)
            .observeOn(Schedulers.io())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe(new Observer<Long>() {
                @Override
                public void onSubscribe(Disposable d) {

                }

                @Override
                public void onNext(Long value) {
                    System.out.println("loop==========:" + mQueue.size());
                    showMsg();
                }

                @Override
                public void onError(Throwable e) {

                }

                @Override
                public void onComplete() {

                }
            });
}复制代码

recyclerview的展示逻辑

 public void showMsg() {
        if (mQueue.size() == 0) {
            return;
        }

    try {
        NewsBean bean = mQueue.take();

        if (mList.size() > 2) {
            mAdapter.addData(bean);
            mAdapter.remove(0);

        } else {
            mAdapter.addData(bean);
        }

    } catch (InterruptedException e) {
        e.printStackTrace();
    }

}复制代码

真正实现起来非常简单。第一次写文章,一篇简单的文章码到凌晨12点多了(好尴尬),如果对你有帮助,麻烦GitHub给个start鼓励一下,[捂脸]!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值