假设现在让你实现一个垂直循环滚动的效果,你的第一反应是什么?如果是立马想找第三方或者想着自定义(嘿!真不嫌麻烦),那么你对ViewFlipper是陌生的,说明这篇博客对你是有价值的。请往下看:
ViewFlipper是Android中的基础控件,可能在一般开发中很少有人用到,所以很多开发者感觉对这个控件很陌生,在控件圈里更远远没有ViewPager出名,但是ViewFlipper用法很简单,效果却很不错。先贴出效果图:
一、ViewFlipper布局:
-
<ViewFlipper
-
android:id=
"@+id/filpper"
-
android:layout_width=
"match_parent"
-
android:layout_height=
"wrap_content"
-
android:autoStart=
"true"
-
android:flipInterval=
"2000"
-
android:inAnimation=
"@anim/anim_come_in"
-
android:outAnimation=
"@anim/anim_get_out"/>
进入动画anim_come_in:
-
<?xml version="1.0" encoding="utf-8"?>
-
<set xmlns:android="http://schemas.android.com/apk/res/android">
-
-
<translate
-
android:fromYDelta=
"100%p"
-
android:toYDelta=
"0"
-
android:duration=
"1000"/>
-
</set>
滑出动画anim_get_out:
-
<?xml version="1.0" encoding="utf-8"?>
-
<set xmlns:android="http://schemas.android.com/apk/res/android">
-
-
<translate
-
android:fromYDelta=
"0"
-
android:toYDelta=
"-100%p"
-
android:duration=
"1000"/>
-
</set>
二、ViewFlipper加载的界面布局
创建一个layout_custom,然后根据需求自定义一个界面布局即可,就不细说了。
三、为ViewFllipper加载自定义界面
ViewFlipper viewFlipper= (ViewFlipper) findViewById(R.id.vf);
-
for (
int i =
0; i <
5; i++) {
-
View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.layout_custom,
null);
-
viewFlipper.addView(view);
-
}
注:以上只是循环为ViewFlipper加载5条数据的方法,并不是Demo中代码。
四、ViewFlipper使用介绍
在xml布局中的方法介绍:
android:autoStart: 设置自动加载下一个View
android:flipInterval:设置View之间切换的时间间隔
android:inAnimation: 设置切换View的进入动画
android:outAnimation:设置切换View的退出动画
当然同样的在代码中也可以设置:
isFlipping: 判断View切换是否正在进行
setFilpInterval:设置View之间切换的时间间隔
startFlipping: 开始View的切换,而且会循环进行
stopFlipping: 停止View的切换
setOutAnimation:设置切换View的退出动画
setInAnimation: 设置切换View的进入动画
showNext: 显示ViewFlipper里的下一个View
showPrevious: 显示ViewFlipper里的上一个View