ViewFilpper ViewSwitcher

最新推荐文章于 2022-09-19 16:19:14 发布
最新推荐文章于 2022-09-19 16:19:14 发布
阅读量720 收藏
点赞数
分类专栏： android 中级

用ViewFlipper可以实现图片切换。

        屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。


android.widget.ViewAnimator类继承至FrameLayout，ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。该类有如下几个和动画相关的函数：

setInAnimation：设置View进入屏幕时候使用的动画，该函数有两个版本，一个接受单个参数，类型   为 android.view.animation.Animation，一个接受两个参数，类型为Context和int，分别为Context对象和定义Animation的resourceID。
setOutAnimation: 设置View退出屏幕时候使用的动画，参数setInAnimation函数一样。
showNext： 调用该函数来显示FrameLayout里面的下一个View。
showPrevious： 调用该函数来显示FrameLayout里面的上一个View。
 
一般不直接使用ViewAnimator，而是使用它的两个子类ViewFlipper和ViewSwitcher。ViewFlipper可以用来指定FrameLayout内多个View之间的切换效果，可以一次指定也可以每次切换的时候都指定单独的效果。该类额外提供了如下几个函数：
 
isFlipping：用来判断View切换是否正在进行
setFilpInterval：设置View之间切换的时间间隔
startFlipping：使用上面设置的时间间隔来开始切换所有的View，切换会循环进行
stopFlipping: 停止View切换


ViewSwitcher

                Switcher特指在两个View之间切换。可以通过该类指定一个ViewSwitcher.ViewFactory 工程类来创建这两个View。该类也具有两个子类ImageSwitcher、TextSwitcher分别用于图片和文本切换。


 

ViewFlipper
                  ViewFlipper是继承至FrameLayout的，所以它是一个Layout里面可以放置多个View。在示例中定义一个ViewFlipper，里面包含三个ViewGroup作为示例的三个屏幕，每个ViewGroup中包含一个按钮和一张图片，点击按钮则显示下一个屏幕。


 

 例子如下：

 

res\layout\main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout   
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"    
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent">
     <ViewFlipper android:id="@+id/flipper"  
       android:layout_width="fill_parent"    
       android:layout_height="fill_parent"  
       android:persistentDrawingCache="animation"  
       android:flipInterval="1000"  
       android:inAnimation="@anim/push_left_in"  
       android:outAnimation="@anim/push_left_out">    
       <LinearLayout   
           android:orientation="vertical"  
           android:layout_width="fill_parent"    
           android:layout_height="fill_parent">   
           <Button   
              android:text="Next"    
              android:id="@+id/Button_next1"  
              android:layout_width="fill_parent"    
              android:layout_height="wrap_content">   
           </Button>   
           <ImageView   
              android:id="@+id/image1"    
              android:src="@drawable/image1"  
              android:layout_width="fill_parent"  
              android:layout_height="wrap_content">   
           </ImageView>   
       </LinearLayout>   
       <LinearLayout   
           android:orientation="vertical"  
           android:layout_width="fill_parent"    
           android:layout_height="fill_parent">   
           <Button   
              android:text="Next"    
              android:id="@+id/Button_next2"  
              android:layout_width="fill_parent"    
              android:layout_height="wrap_content">   
           </Button>   
           <ImageView   
              android:id="@+id/image2"    
              android:src="@drawable/image2"  
              android:layout_width="fill_parent"  
              android:layout_height="wrap_content">   
           </ImageView>   
       </LinearLayout>   
       <LinearLayout   
           android:orientation="vertical"  
           android:layout_width="fill_parent"    
           android:layout_height="fill_parent">   
           <Button   
              android:text="Next"    
              android:id="@+id/Button_next3"  
              android:layout_width="fill_parent"    
              android:layout_height="wrap_content">   
           </Button>   
           <ImageView   
              android:id="@+id/image3"    
              android:src="@drawable/image3"  
              android:layout_width="fill_parent"  
              android:layout_height="wrap_content">   
           </ImageView>   
       </LinearLayout>   
    </ViewFlipper>    
</LinearLayout>

 

        在Layout定义中指定动画的相关属性就可以了，通过persistentDrawingCache指定缓存策略；flipInterval指定每个View动画之间的时间间隔；inAnimation和outAnimation分别指定View进出使用的动画效果。动画效果定义如下：

res\anim\push_left_in.xml   
<?xml version="1.0" encoding="utf-8"?>   
<set xmlns:android="http://schemas.android.com/apk/res/android">   
    <translate   
    android:fromXDelta="100%p"    
    android:toXDelta="0"    
    android:duration="500"/>   
    <alpha   
    android:fromAlpha="0.0"    
    android:toAlpha="1.0"  
    android:duration="500" />   
</set> 


res\anim\push_left_out.xml   
<?xml version="1.0" encoding="utf-8"?>   
<set xmlns:android="http://schemas.android.com/apk/res/android">   
    <translate   
    android:fromXDelta="0"    
    android:toXDelta="-100%p"    
    android:duration="500"/>   
    <alpha   
    android:fromAlpha="1.0"    
    android:toAlpha="0.0"    
    android:duration="500" />   
</set>  

Activity

 

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.GestureDetector.OnDoubleTapListener;
import android.view.GestureDetector.OnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ViewFlipper;

public class MyViewFlipperActivity extends Activity implements OnGestureListener , OnDoubleTapListener{
   
    private ViewFlipper mViewFlipper;   
    private  GestureDetector mGestureDetector;
   
    public void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.main);   
           
         mGestureDetector = new GestureDetector(this);   ///

        Button buttonNext1 = (Button) findViewById(R.id.Button_next1);   
        mViewFlipper = (ViewFlipper) findViewById(R.id.flipper); 
       
        buttonNext1.setOnClickListener(new View.OnClickListener()
        {   
            public void onClick(View view) {    
        //在layout中定义的属性，也可以在代码中指定   
           //  mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);   
          //  mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);   
          //  mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);   
          //  mViewFlipper.setFlipInterval(1000);   
                mViewFlipper.showNext();    


                //调用下面的函数将会循环显示mViewFlipper内的所有View。（不停地在切换图片）
              mViewFlipper.startFlipping();   
        }   
        });   
    
        Button buttonNext2 = (Button) findViewById(R.id.Button_next2);   
        buttonNext2.setOnClickListener(new View.OnClickListener() {   
            public void onClick(View view) {   
                mViewFlipper.showNext(); 
        }   
    
        }); 
       
        Button buttonNext3 = (Button) findViewById(R.id.Button_next3);   
        buttonNext3.setOnClickListener(new View.OnClickListener() {   
            public void onClick(View view) {   
                mViewFlipper.showNext(); 
        }   
    
        });   
    
    }

 public boolean onDoubleTap(MotionEvent e) {  //双击的时候触发，

      如果在上面使用了mViewFlipper.startFlipping();    图片将不停在切换，但是如果我们双击屏幕，将停止不停切换，变为正常的情况下，用手势或者按钮切换，当我们再次双击的时候，又不停地切换了。

  if(mViewFlipper.isFlipping()) {    
            mViewFlipper.stopFlipping();   
        }else {   
            mViewFlipper.startFlipping();   
        }    
        return true; 
 }

 public boolean onDoubleTapEvent(MotionEvent e) {
  return false;
 }

 public boolean onSingleTapConfirmed(MotionEvent e) {
  return false;
 }

 public boolean onDown(MotionEvent e) {
  return false;
 }

 
 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
   float velocityY)
 {

     // e1：第1个ACTION_DOWN MotionEvent  
     // e2：最后一个ACTION_MOVE MotionEvent  
     // velocityX：X轴上的移动速度，像素/秒  
     // velocityY：Y轴上的移动速度，像素/秒   


  if(e1.getX() > e2.getX()+10) {       //向左划超过10px
           mViewFlipper.showNext();   
        }
     else if(e1.getX() < e2.getX()+10) {     //向右划超过10px
            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);   
            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);   
            mViewFlipper.showPrevious();   
            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);   
            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);   
        }
        else {   
            return false;   
        }   
        return true;   

 }

 public void onLongPress(MotionEvent e) {
 }

 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
   float distanceY) {
  return false;
 }

 public void onShowPress(MotionEvent e) {
 }

 public boolean onSingleTapUp(MotionEvent e) {
  return false;
 }

 public boolean onTouchEvent(MotionEvent event) {    ///加载监听，这个函数是Activity内有的函数。mGestureDetector.onTouchEvent(event);
 }

 

/*我们也可以使用接口OnTouchListener的方法public boolean onTouch(View v, MotionEvent event)

*主要我们在类中implements OnTouchListener了这个接口就行了

* 这两种方法很类似，都说不出有什么区别，

*如果我们的类没有继承Activity，但是想添加监听，我就建议先implements OnTouchListener

*实现它的方法onTouch(View v, MotionEvent event)来加载监听

* 如果继承了Activity类，那就直接使用public boolean onTouchEvent(MotionEvent event) 吧。

*/

}

 

运行效果：

当在屏幕上向左划，或者向右划，图片都会切换，

 

ViewFlipper的使用例子（视觉效果不错） - 夏天的风 - FreeSimpleHappy

 

ViewFlipper的使用例子（视觉效果不错） - 夏天的风 - FreeSimpleHappy

 

ViewFlipper的使用例子（视觉效果不错） - 夏天的风 - FreeSimpleHappy

 

 

修改后的代码，其实就是加入了ListView和ListView的事件响应（看黑体部分就好）

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.ContextMenu.ContextMenuInfo;
import android.view.GestureDetector.OnDoubleTapListener;
import android.view.GestureDetector.OnGestureListener;
import android.view.ContextMenu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnCreateContextMenuListener;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.ViewFlipper;
import android.widget.AdapterView.OnItemClickListener;

public class MyViewFlipperActivity extends Activity implements OnGestureListener , OnDoubleTapListener{
  
 private ViewFlipper mViewFlipper;   
    private  GestureDetector mGestureDetector;
   
    public void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.main);   
           
         mGestureDetector = new GestureDetector(this);  ///

        Button buttonNext1 = (Button) findViewById(R.id.Button_next1);   
        mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);  
        
        ListView list = (ListView) findViewById(R.id.MyListView);
     ArrayList<HashMap<String,Object>> mylist = new ArrayList<HashMap<String, Object>>(); 
 
         HashMap<String, Object> map1 = new HashMap<String,Object>(); 
         map1.put("ItemTitle", "克劳德"); 
         map1.put("ItemImage", R.drawable.kld); 
         mylist.add(map1); 

         HashMap<String, Object> map2 = new HashMap<String,Object>(); 
         map2.put("ItemTitle", "扎克斯"); 
         map2.put("ItemImage", R.drawable.zks); 
         mylist.add(map2);
        
         HashMap<String, Object> map3 = new HashMap<String,Object>(); 
         map3.put("ItemTitle", "文森特"); 
         map3.put("ItemImage", R.drawable.wst); 
         mylist.add(map3);
       
        
     SimpleAdapter mSchedule = new SimpleAdapter(this, //没什么解释 
                mylist,//数据来源  
                R.layout.my_listitem,//ListItem的XML实现 
                //动态数组与ListItem对应的子项         
                new String[] {"ItemTitle", "ItemImage"},                                       
                //ListItem的XML文件里面的两个TextView ID 
                new int[] {R.id.ItemTitle,R.id.ItemImage}); 
             
          //添加并且显示 
              list.setAdapter(mSchedule); 
    
           //添加点击
           list.setOnItemClickListener(new OnItemClickListener() {
                 public void onItemClick(AdapterView< ?> arg0, View arg1, int arg2,long arg3) {
                      setTitle("点击第"+arg2+"个项目");
          }
          });
          
             //添加长按点击
            list.setOnCreateContextMenuListener(new OnCreateContextMenuListener() {
          public void onCreateContextMenu(ContextMenu menu, View v,
            ContextMenuInfo menuInfo) {
                   menu.setHeaderTitle("长按菜单-ContextMenu");
                   menu.add(0, 0, 0, "弹出长按菜单0");
                   menu.add(0, 1, 0, "弹出长按菜单1");
          }
            });
              
        buttonNext1.setOnClickListener(new View.OnClickListener()
        {   
            public void onClick(View view) {   
                //在layout中定义的属性，也可以在代码中指定   
           // mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);   
          // mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);   
          // mViewFlipper.setPersistentDrawingCache(ViewGroup.PERSISTENT_ALL_CACHES);   
            // mViewFlipper.setFlipInterval(1000);   
                mViewFlipper.showNext(); 
               
         //调用下面的函数将会循环显示mViewFlipper内的所有View。   
         mViewFlipper.startFlipping();   
        }   
        });   
    
        Button buttonNext2 = (Button) findViewById(R.id.Button_next2);   
        buttonNext2.setOnClickListener(new View.OnClickListener() {   
            public void onClick(View view) {   
                mViewFlipper.showNext();   
        }   
        }); 
       
        Button buttonNext3 = (Button) findViewById(R.id.Button_next3);   
        buttonNext3.setOnClickListener(new View.OnClickListener() {   
            public void onClick(View view) {   
                mViewFlipper.showNext();   
        }    
        });    
    }

 

 public boolean onDoubleTap(MotionEvent e) {
 
  if(mViewFlipper.isFlipping()) {   
            mViewFlipper.stopFlipping();   
        }else {   
            mViewFlipper.startFlipping();   
        }   
        return true; 
 }

 public boolean onDoubleTapEvent(MotionEvent e) {
  return false;
 }

 public boolean onSingleTapConfirmed(MotionEvent e) {
  return false;
 }

 public boolean onDown(MotionEvent e) {
  return false;
 }


 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
   float velocityY)
 {
     // e1：第1个ACTION_DOWN MotionEvent  
     // e2：最后一个ACTION_MOVE MotionEvent  
     // velocityX：X轴上的移动速度，像素/秒  
     // velocityY：Y轴上的移动速度，像素/秒  

  if(e1.getX() > e2.getX()+5) {   //move to left   
           mViewFlipper.showNext();   
        }
     else if(e1.getX()+5< e2.getX()) {   
            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);   
            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);   
            mViewFlipper.showPrevious();   
            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);   
            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);   
        }
        else {   
            return false;   
        }   
        return true;   

 }

 public void onLongPress(MotionEvent e) {
  // TODO Auto-generated method stub
  
 }

 @Override
 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
   float distanceY) {
  // TODO Auto-generated method stub
  return false;
 }

 @Override
 public void onShowPress(MotionEvent e) {
  // TODO Auto-generated method stub
  
 }

 @Override
 public boolean onSingleTapUp(MotionEvent e) {
  // TODO Auto-generated method stub
  return false;
 }

 public boolean onTouchEvent(MotionEvent event) {    ///加载监听
  //return false;
     return  mGestureDetector.onTouchEvent(event);
 }

    public boolean dispatchTouchEvent(MotionEvent ev){  /没有这句，listView会卡住，动不了，，无敌有用        this.mGestureDetector.onTouchEvent(ev);//在这里先处理下你的手势左右滑动事件
      return super.dispatchTouchEvent(ev);
      }  

}

 

ViewFlipper的使用例子（视觉效果不错） - 夏天的风 - FreeSimpleHappy
VIPqiangqiang
关注
专栏目录
ViewFlipper简单使用
01-31
ViewFlipper的简单的使用，可以用于一些简单东西的切换
ViewFlipper的使用例子（视觉效果不错）
yuanyuan_186的专栏
10-16 1161
2011-07-14 15:23:13|  分类： android view 实 |  标签： |字号大中小 订阅         用ViewFlipper可以实现图片切换。         屏幕切换指的是在同一个Activity内屏幕见的切换，最长见的情况就是在一个FrameLayout内有多个页面，比如一个系统设置页面；一个个性化设置页面。 android.w
ViewFlipper使用详解
chuyouyinghe的专栏
09-19 584
ViewFlipper的介绍和使用ViewFlipper是Android自带的一个多页面管理控件，且可以自动播放！和ViewPager不同，ViewPager是一页页的，而ViewFlipper则是一层层的，和ViewPager一样，很多时候， 用来实现进入应用后的引导页，或者用于图片轮播。一、常用的属性和方法常用方法：setInAnimation：设置View或ImageView进入屏幕时使用的动画setOutAnimation：设置View或ImageView退出屏幕时使用的动画。
Android执行动画的最小单位,解析Android中Animation动画的编写要点
weixin_36435766的博客
05-25 216
在API Demo的View->Animation下可以找到四个Animation的Demo，第一个3D Translate比较复杂，最后再讲，先讲第2个Interpolator。该Activity对应的是view包内的Animation3.java，和layout的animation_3.xml。界面的布局不加解释了，就一个Spinner和一个TextView。不是本文内容。主要解释下几个...
讲讲ViewGroup的setPersistentDrawingCache方法
计蒙不吃鱼的博客
09-24 1299
系列文章目录 讲讲ViewGroup的setPersistentDrawingCache方法 文章目录系列文章目录前言一、看看Demo中给出的注释二、Android官方文档给出的介绍三、丢一个案例源码（此案例为官方Demo源码,根据个人修改了点效果）1.3d动画类2.Activity类3.布局文件4.Listview的载入动画5.效果图 这是一篇采坑文章，灵感来源于博主某篇文章中与大佬的聊天 前言 记得在三年前，还在上一个学校，学生时代的时候，接过一个外包的Android单，里面有个需求是在一个Act
android 动画实现——ViewFilpper
08-06
在Android开发中，动画是提升用户体验的关键因素之一。`ViewFlipper`是Android SDK提供的一种方便的布局组件，专门用于实现视图之间的切换效果，比如翻页、滑动等。相较于传统的`Animation`类，`ViewFlipper`具有更...
Android基于ViewFilpper实现文字LED显示效果示例
08-29
在Android开发中，有时我们需要创建各种有趣的用户界面效果来吸引用户。其中，LED显示屏效果是一种常见的方式，模拟现实生活中LED屏幕的文字滚动效果。本示例将详细介绍如何利用`ViewFlipper`组件在Android中实现...
ViewFilpper:实现文本上下轮播
05-08
ViewFilpper实现文本上下轮播/** * ViewFilpper实现TextView广告上滚的效果 * 可与ViewPager对比 * */public class MainActivity extends AppCompatActivity { private ViewFlipper viewFlipper; @Override ...
ViewFliper简单实现PPT
12-15
ViewFlipper是Android SDK中的一个ViewGroup，它继承自ViewSwitcher。ViewFlipper的主要作用是展示并切换多个子View，同时提供了自动轮播和手动切换两种方式。其内部包含了两个核心方法：`showNext()` 和 `...
ViewAnimator简单实现PPT
12-15
在Android开发中，我们经常需要实现类似PPT页面切换的效果，这时可以利用`ViewAnimator`来轻松达成。`ViewAnimator`是Android提供的一个视图动画工具类，它能够方便地在多个视图之间进行切换，呈现出平滑的过渡效果...
android 含义,android:persistentDrawingCache含义
weixin_33725576的博客
05-27 113
网上很多人在寻找这个答案，下面将API中的解释进行翻译：Defines the persistence of the drawing cache. The drawing cache might be enabled by a ViewGroup for all its children in specific situations (for instance during a scrolling...
Android学习笔记_21_ViewFlipper使用详解
Fenice
02-26 996
<!-- .content{ font-weight:700; } .content .width99,.content .content_title { border: 0px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border
Android-android:persistentDrawingCache图片缓存
拼老命的程序猿
05-15 593
android:persistentDrawingCache (Google官方译文) Defines the persistence of the drawing cache. The drawing cache might be enabled by a ViewGroup for all its children in specific situations (for instance
深入了解ViewFlipper工作机制
热门推荐
ff20081528的专栏
01-10 1万+
平时我们在使用ViewFlipper的时候一方面感叹ViewFlipper的使用很简单，另一方面，我们时常感叹ViewFlipper给我们的接口方法太少，很多常用的效果都不好做，很难施展拳脚，这篇文章将详细介绍ViewFlipper的架构以及它的工作原理，相信看了这篇文章后你会发现ViewFlipper能展现的效果也可以很多，自己也可以根据自己的需求来定制属于自己的ViewFlipper。
android mContainer.setPersistentDrawingCache (int drawingCacheToKeep)
少爷
11-09 4812
mContainer.setPersistentDrawingCache(ViewGroup.PERSISTENT_ANIMATION_CACHE);         /**          * persistentDrawingCache设置了控件的绘制缓存策略，一共有4中策略： PERSISTENT_NO_CACHE 说明不在内存中保存绘图缓存；  PERSISTENT_ANIMAT
1.5.29 Android Animation 关于 viewAnimator详解
u012913404的专栏
07-05 4124
       一、结构        public class ViewAnimator extends FrameLayout        java.lang.Object        android.view.View        android.view.ViewGroup        android.widget.FrameLayout        android.widget....
h5滚动导致setTimeout设置的动画错乱
风烟
01-19 406
解决思路，在滚动的时候停止播放动画，在滚动停止的时候恢复动画显示 addEventScorll() { let t1 = 0; let t2 = 0; document.onscroll = function() { clearTimeout(this.time); t1 = document.docum...
setAnimation vs startAnimation的区别
edmond999的专栏
03-18 4166
SetAnimation        这个可以控制动画启动时间，并且需要其父view在动画快开始时调用invalidate.  所以其需要一定的条件限制。 StartAnimation        立即开始动画效果。
setTimeout 使页面产生动画变化的效果
CSDN_yqf1994的博客
03-31 532
document.body.appendChild(demo)是DOM操作，浏览器会当所有的同步任务执行完后（即所有样式都设置完后），再去执行DOM操作重新渲染页面，故第一种方法没有明显的变化 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值