Android中ViewFlipper实现动态加载view

 

前面已经讲过ImageSwitcher和TextSwitcher。ImageSwitcher用来切换ImageView的，TextSwitcher是用来切换TextView的。

但是我们现在要切换自定义View怎么办？

ImageSwitcher和TextSwitcher已经不能满足我们的需求。ViewFlipper可以在任意View之间切换。下面我们就来讲解它。

先看一下结构图

 

可以看到ViewSwitcher和ViewFlipper都是继承自ViewAnimator。

 

下面通过一个Demo了解一下ViewFlipper的用法

main.xml

Html代码

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <ViewFlipper  
8.         android:id="@+id/viewFlipper"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="fill_parent" >  
11.   
12.         <include  
13.             android:id="@+id/layout01"  
14.             layout="@layout/layout01" />  
15.   
16.         <include  
17.             android:id="@+id/layout02"  
18.             layout="@layout/layout02" />  
19.     </ViewFlipper>  
20.   
21. </LinearLayout>  

layout01.xml

Html代码

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <TextView  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="fill_parent"  
10.         android:gravity="center"  
11.         android:text="一个TextView"  
12.         android:textSize="40dip" />  
13.   
14. </LinearLayout>  

layout02.xml

Html代码

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:orientation="vertical" >  
6.   
7.     <LinearLayout  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="fill_parent"  
10.         android:gravity="center"  
11.         android:orientation="vertical" >  
12.   
13.         <ImageView  
14.             android:layout_width="wrap_content"  
15.             android:layout_height="wrap_content"  
16.             android:src="@drawable/ic_launcher" />  
17.   
18.         <TextView  
19.             android:layout_width="wrap_content"  
20.             android:layout_height="wrap_content"  
21.             android:text="一个TextView + 一个ImageView"  
22.             android:textSize="20dip" />  
23.     </LinearLayout>  
24.   
25. </LinearLayout>  

ViewFlipperDemoActivity.java

Java代码

1. package com.tianjf;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.MotionEvent;  
6. import android.view.View;  
7. import android.view.View.OnTouchListener;  
8. import android.view.animation.AnimationUtils;  
9. import android.widget.ViewFli