废话很少说,先看效果:
java
demo地址: github.com/lxykad/vert…android
首先产品需求是红色背景的那个view的效果。最早想到的固然是世界上最大的同性交友社区GitHub,因而找到了最上面那个999跑马灯的效果,这特么明显和需求不同,算了,本身撸一个吧。git
我是一个比较懒的人,首先固然是先找系统控件了,因而想用ViewFlipper来实现,直接在xml布局里写上:github
<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细节本身根据需求调一下就哦了,不要在乎这些,这里仅仅提供思路做为参考)。bash
不过和我要的效果仍是有差距啊,我要显示3行的,没办法,再换个思路吧……,用recyclerview实现,大概思路以下:服务器
一、固定三行显示的高度,好比90dpide
二、item的高度固定为30dp,这样恰好显示3行oop
三、用一个线程安全的消息队列存放服务器推送过来的数据布局
四、写一个轮询(我这里用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鼓励一下,[捂脸]!