Android ViewPager控件的使用【附源码】

Android ViewPager控件的使用【附源码】

Android 4.0有个控件，就是viewpager，用来实现左右滑动效果的。我们具体来看看是如何使用的。

首先看一下效果图

3个tab，每个tab有个layout，滑动的时候指示滑动条跟着走（当然，我觉得这个滑动条可以用三张图片来实现，更简单点）。

具体的我们看代码吧，主页xml就是实现上面三个tabbar，滑动条和一个viewpager控件，如下：

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:id="@+id/linearLayout1"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="100.0dip"  
11.         android:background="#FFFFFF" >  
12.   
13.         <TextView  
14.             android:id="@+id/text1"  
15.             android:layout_width="fill_parent"  
16.             android:layout_height="fill_parent"  
17.             android:layout_weight="1.0"  
18.             android:gravity="center"  
19.             android:text="页卡1"  
20.             android:textColor="#000000"  
21.             android:textSize="22.0dip" />  
22.   
23.         <TextView  
24.             android:id="@+id/text2"  
25.             android:layout_width="fill_parent"  
26.             android:layout_height="fill_parent"  
27.             android:layout_weight="1.0"  
28.             android:gravity="center"  
29.             android:text="页卡2"  
30.             android:textColor="#000000"  
31.             android:textSize="22.0dip" />  
32.   
33.         <TextView  
34.             android:id="@+id/text3"  
35.             android:layout_width="fill_parent"  
36.             android:layout_height="fill_parent"  
37.             android:layout_weight="1.0"  
38.             android:gravity="center"  
39.             android:text="页卡3"  
40.             android:textColor="#000000"  
41.             android:textSize="22.0dip" />  
42.     </LinearLayout>  
43.   
44.     <ImageView  
45.         android:id="@+id/cursor"  
46.         android:layout_width="fill_parent"  
47.         android:layout_height="wrap_content"  
48.         android:scaleType="matrix"  
49.         android:src="@drawable/slide" />  
50.   
51.     <android.support.v4.view.ViewPager  
52.         android:id="@+id/vPager"  
53.         android:layout_width="wrap_content"  
54.         android:layout_height="wrap_content"  
55.         android:layout_gravity="center"  
56.         android:layout_weight="1.0"  
57.         android:background="#000000"  
58.         android:flipInterval="30"  
59.         android:persistentDrawingCache="animation" />  
60.   
61. </LinearLayout>