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

发布时间:2019-07-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了原生控件ViewFlipper简单实现上下滚动信息,仿淘宝、今日头条(附源码)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

滚动信息Demo

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

话不多说,
看下效果先:

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

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

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

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

<ViewFlipper
    android_id="@+id/vf"
    android_layout_width="match_parent"
    android_layout_height="wrap_content"
    android_autoStart="true"
    android_background="@drawable/border_fv"
    android_flipInterval="3000"
    android_inAnimation="@anim/anim_up_in"
    android_outAnimation="@anim/anim_up_out" />

然后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,
群里找我,
我是尘少。

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

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

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

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


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

脚本宝典总结

以上是脚本宝典为你收集整理的原生控件ViewFlipper简单实现上下滚动信息,仿淘宝、今日头条(附源码)全部内容,希望文章能够帮你解决原生控件ViewFlipper简单实现上下滚动信息,仿淘宝、今日头条(附源码)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。