1、程序运行效果图
二、代码实现
1、main.xml
<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" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" > <android.support.v4.view.PagerTitleStrip android:id="@+id/pageTitleStrip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="top" > </android.support.v4.view.PagerTitleStrip> </android.support.v4.view.ViewPager> </RelativeLayout>
2、tab1.xml、tab2.xml、tab3.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@drawable/a" > </LinearLayout>
3、MainActivity
package com.njupt.viewpagertest3; import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.app.Activity; import android.support.v4.view.PagerAdapter; import android.support.v4.view.PagerTitleStrip; import android.support.v4.view.ViewPager; import android.view.LayoutInflater; import android.view.Menu; import android.view.View; import android.view.ViewGroup; public class MainActivity extends Activity { private ViewPager viewPager; private PagerTitleStrip pagerTitleStrip;//表示滑动的每一页的标题 private List<View> list;//表示装载滑动的布局 private List<String> titlelist;//表示滑动的每一页的标题... @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = (ViewPager) findViewById(R.id.viewpager); pagerTitleStrip = (PagerTitleStrip) findViewById(R.id.pageTitleStrip); //动态加载布局... View view1 = LayoutInflater.from(MainActivity.this).inflate(R.layout.tab1, null); View view2 = LayoutInflater.from(MainActivity.this).inflate(R.layout.tab2, null); View view3 = LayoutInflater.from(MainActivity.this).inflate(R.layout.tab3, null); list = new ArrayList<View>(); list.add(view1); list.add(view2); list.add(view3); titlelist = new ArrayList<String>(); titlelist.add("章泽天1"); titlelist.add("章泽天2"); titlelist.add("章泽天3"); viewPager.setAdapter(new MyAdapter()); } public class MyAdapter extends PagerAdapter{ @Override public int getCount() { return list.size(); } @Override public void destroyItem(ViewGroup container, int position, Object object) { ((ViewPager)container).removeView(list.get(position)); } @Override public Object instantiateItem(ViewGroup container, int position) { ((ViewPager)container).addView(list.get(position)); return list.get(position); } @Override public CharSequence getPageTitle(int position) { return titlelist.get(position); } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } }