本文实例介绍了viewpager实现选项卡切换，效果图如下：
步骤一：这里使用兼容低版本的v4包进行布局，这里eclipse没有输入提示，所以要手动输入，文件名称“activity_main.xml”
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".mainactivity" >
<android.support.v4.view.viewpager
android:id="@+id/viewpager"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
>
<android.support.v4.view.pagertabstrip
android:id="@+id/tabstrip"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</android.support.v4.view.viewpager>
</relativelayout>
|
步骤二：选项卡中的内容都是从布局文件中获取，所以我新建两个测试布局“layout1.xml”和“layout2.xml”，里面内容随意。
步骤三：布局已经完成，在mainactivity.java类中，实现关键功能。
首先要声明viewpager和pagertabstrip对象，通过findviewbyid分别找到资源id，声明arraylist<view>来存放测试布局文件，核心代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
package com.example.viewpager;
import java.util.arraylist;
import android.os.bundle;
import android.app.activity;
import android.graphics.color;
import android.support.v4.view.pageradapter;
import android.support.v4.view.pagertabstrip;
import android.support.v4.view.viewpager;
import android.support.v4.view.viewpager.onpagechangelistener;
import android.view.menu;
import android.view.view;
import android.view.viewgroup;
import android.widget.toast;
public class mainactivity extends activity implements onpagechangelistener {
private viewpager viewpager;
private pagertabstrip tabstrip;
private string[] title={"首页","新闻","公告","图片"};
private arraylist<view> views=new arraylist<view>();
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.activity_main);
viewpager=(viewpager) findviewbyid(r.id.viewpager);
tabstrip=(pagertabstrip) findviewbyid(r.id.tabstrip);
initial();
viewpager.setadapter(new mypageradapter());
}
public void initial(){
views.add(getlayoutinflater().inflate(r.layout.layout1,null));
views.add(getlayoutinflater().inflate(r.layout.layout2,null));
views.add(getlayoutinflater().inflate(r.layout.layout1,null));
views.add(getlayoutinflater().inflate(r.layout.layout2,null));
tabstrip.setbackgroundcolor(getresources().getcolor(android.r.color.holo_blue_light));
tabstrip.settabindicatorcolor(getresources().getcolor(android.r.color.holo_blue_bright));
tabstrip.settextcolor(color.white);
viewpager.setonpagechangelistener(this);
}
class mypageradapter extends pageradapter{
@override
public int getcount() {
// todo 自动生成的方法存根
return views.size();
}
@override
public object instantiateitem(viewgroup container, int position) {
view v=views.get(position);
container.addview(v);
return v;
}
@override
public void destroyitem(viewgroup container, int position, object object) {
// todo 自动生成的方法存根
//super.destroyitem(container, position, object);
container.removeview(views.get(position));
}
@override
public boolean isviewfromobject(view arg0, object arg1) {
// todo 自动生成的方法存根
return arg0==arg1;
}
@override
public charsequence getpagetitle(int position) {
// todo 自动生成的方法存根
return title[position];
}
}
@override
public void onpagescrollstatechanged(int arg0) {
// todo 自动生成的方法存根
}
@override
public void onpagescrolled(int arg0, float arg1, int arg2) {
// todo 自动生成的方法存根
}
@override
public void onpageselected(int arg0) {
// todo 自动生成的方法存根
//toast.maketext(mainactivity.this,"新年快乐",toast.length_short).show();
}
}
|
以上就是本文的全部内容，还有一些问题会在之后的文章中继续学习，希望大家继续关注。