Android循环滚动控件——ViewFlipper的使用

  假设现在让你实现一个垂直循环滚动的效果,你的第一反应是什么?如果是立马想找第三方或者想着自定义(嘿!真不嫌麻烦),那么你对ViewFlipper是陌生的,说明这篇博客对你是有价值的。请往下看:

  ViewFlipper是Android中的基础控件,可能在一般开发中很少有人用到,所以很多开发者感觉对这个控件很陌生,在控件圈里更远远没有ViewPager出名,但是ViewFlipper用法很简单,效果却很不错。先贴出效果图:

      

一、ViewFlipper布局:


  
  
  1. <ViewFlipper
  2. android:id= "@+id/filpper"
  3. android:layout_width= "match_parent"
  4. android:layout_height= "wrap_content"
  5. android:autoStart= "true"
  6. android:flipInterval= "2000"
  7. android:inAnimation= "@anim/anim_come_in"
  8. android:outAnimation= "@anim/anim_get_out"/>

进入动画anim_come_in:


  
  
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <translate
  4. android:fromYDelta= "100%p"
  5. android:toYDelta= "0"
  6. android:duration= "1000"/>
  7. </set>
滑出动画anim_get_out:


  
  
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3. <translate
  4. android:fromYDelta= "0"
  5. android:toYDelta= "-100%p"
  6. android:duration= "1000"/>
  7. </set>
二、ViewFlipper加载的界面布局

  创建一个layout_custom,然后根据需求自定义一个界面布局即可,就不细说了。

三、为ViewFllipper加载自定义界面

ViewFlipper viewFlipper= (ViewFlipper) findViewById(R.id.vf);
  
  

  
  
  1. for ( int i = 0; i < 5; i++) {
  2. View view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.layout_custom, null);
  3. viewFlipper.addView(view);
  4. }

注:以上只是循环为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

发布了154 篇原创文章 · 获赞 89 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/qq_41933149/article/details/103899862