京东快报无线端的轮播效果怎么实现? _京东快报无线端

无线端的京东快报频道，是以轮播公告的形式来展示优惠信息，有一些卖家看中了这个轮播效果，但是不知道怎么去实现这种效果，今天小编带来了一篇文章，希望可以帮助大家做出这个效果!
手机京东 app 首页的京东快报有一个无限轮播的公告栏，先看效果：

文章插图
公告内容大概每 3s 从中间向上滑出，同时下一条内容从底部向上滑动进入。整个过程还伴随有内容的渐变消失。
开始想在京东店铺装修中呈现这样的效果可以通过自绘控件来实现，后面再想想采用 ViewFlipper 来实现更为简单。
看看 ViewFlipper 类官方注释：
Simple {@link ViewAnimator} that will animate between two or more viewsthat have been added to it. Only one child is shown at a time. If requested, canautomatically flip between each child at a regular interval.
【京东快报无线端的轮播效果怎么实现?】大概意思就是 ViewFlipper 是一个容器，能够将添加在里面的两个或更多子 View 动画的切换，在一个时间点只有一个 child展示出来。并且可以自动的在每隔一个时间段切换到一个child 。
要实现京东快报的切换效果，我们只需要将需要根据轮播的公告内容设置到 TextView 并添加到ViewFlipper，同时设置他们之间的切换动画就可以了。
自定义 NoticeView
为了方便在项目中直接使用，我们将其自定义为一个继承自 ViewFlipper 的控件 NoticeView 。
公告内容进入动画 notice_in.xml

文章插图
公告内容滑出动画 notice_out.xml

文章插图
在 Activity 中使用

文章插图
最终效果(布局代码就不贴了，比较简单)
按照文章中的流程去操作，你可以拥有这样的轮播效果啦!实践出真知，所以大家赶紧去实践操作起来吧!如果大家还有什么其它的问题，可以尝试在中文电商网上搜索答案哦，没搜索到答案可以给小编留言咨询哦！
更多

京东快报无线端的轮播效果怎么实现?

秒懂生活扩展阅读