资讯专栏INFORMATION COLUMN

原生控件ViewFlipper简单实现上下滚动信息,仿淘宝、今日头条(附源码)

Amos / 1370人阅读

摘要:滚动信息最近项目中需要用到信息滚动的效果,类似淘宝京东今日头条的那种效果,于是网上看了一下,原来的原生控件中就有这个,于是我就写了几个效果,现在拿出来大家共同探讨下。

滚动信息Demo

最近项目中需要用到信息滚动的效果,
类似淘宝、京东、今日头条的那种效果,
于是网上看了一下,
原来Android的原生控件中就有这个View,
于是我就写了几个效果,
现在拿出来大家共同探讨下。

话不多说,
看下效果先:

由于是原生控件,
使用起来也是非常简单,
只需要注意几个属性,
分别是:

属性 含义 类型
autoStart 自动开始播放 int
flipInterval 间隔时间 int
inAnimation 新条目进入的动画 anim.xml
outAnimation 旧条目离开的动画 anim.xml

看懂了这几个属性,
就可以开始撸起来了,
先在XML里画出这个View:

然后Java代码中addView即可:

View item1 = View.inflate(this, R.layout.item, null);
View item2 = View.inflate(this, R.layout.item, null);
View item3 = View.inflate(this, R.layout.item, null);

vf.addView(item1);
vf.addView(item2);
vf.addView(item3);

代码很简单,
甚至连注释都不需要,
如果还是有疑问的地方,
欢迎在文章下评论,
或者加入QQ讨论群:569614530,
群里找我,
我是尘少。

本文github链接:
https://github.com/Bamboy1203...

也可以先下载apk安装体验:

ps:
部分手机刚启动时会有些卡顿,
是因为七个动画同时执行的原因,
正常使用是不会卡顿的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/74201.html

相关文章

  • Android仿淘宝头条竖直跑马灯式新闻标题及“分页思想

    摘要:无论是跑马灯新闻标题还是饿了么的导航栏,它们的作用都是一样的,那就是复用有限的屏幕空间,展示更为丰富的内容。最后附上源码的地址参考文章之的简单使用仿淘宝首页的淘宝头条垂直滚动仿饿了么首页导航栏 在淘宝App的首页中间位置,有一块小小的地方在不知疲倦地循坏滚动着头条标题(见下图的红框区域),这样的设计无疑能够在有限的手机屏幕上展示更丰富的内容。而实现这一功能需要用到的控件就是我在上一篇文...

    FullStackDeveloper 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<