废话不多说,先看效果:
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鼓励一下,[捂脸]!