使用ViewPager和Fragment实现滑动导航

ViewPage是android-support-v4.jar包提供的用于页面滑动的库,android-support-v4.jar是google推荐使用的一个类库,在项目中使用之前,你必须其添加到项目中(项目点右键Build path->configure build path,然后找到jar进行添加)

1.在xml布局文件中添加android.support.v4.view.ViewPager容器及显示导航所用标签android.support.v4.view.PagerTitleStrip,如我添加的xml内容如下

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:id="@+id/pager"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context=".MainActivity" >       <!--     This title strip will display the currently visible page title, as well as the page     titles for adjacent pages.     -->       <android.support.v4.view.PagerTitleStrip         android:id="@+id/pager_title_strip"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:layout_gravity="top"         android:background="#33b5e5"         android:paddingBottom="4dp"         android:paddingTop="4dp"         android:textColor="#fff" />   </android.support.v4.view.ViewPager>

2.在activity中导入以下包 

?

1 2 3 4

import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager;

3.声明变量

?

1 2	SectionsPagerAdapter mSectionsPagerAdapter; ViewPager mViewPager;

4.在onCreate中对其进行初始化 

?

1 2 3 4 5 6

mSectionsPagerAdapter = new SectionsPagerAdapter(                 getSupportFragmentManager());   // Set up the ViewPager with the sections adapter. mViewPager = (ViewPager) findViewById(R.id.pager); mViewPager.setAdapter(mSectionsPagerAdapter);

5.添加类SectionsPagerAdapter,我这里使用了3个标签 

?

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

public class SectionsPagerAdapter extends FragmentPagerAdapter {           public SectionsPagerAdapter(FragmentManager fm) {             super(fm);         }           @Override         public Fragment getItem(int position) {             // getItem is called to instantiate the fragment for the given page.             // Return a DummySectionFragment (defined as a static inner class             // below) with the page number as its lone argument.             Fragment fragment = new HjFragment();             Bundle args = new Bundle();             args.putInt("no", position + 1);             fragment.setArguments(args);               return fragment;         }           @Override         public int getCount() {             // Show 3 total pages.             return 3;         }           @Override         public CharSequence getPageTitle(int position) {             switch (position) {             case 0:                 return "标签1";             case 1:                 return "标签2";             case 2:                 return "标签3";             }             return null;         }     }

可以看到在getItem中返回了一个Fragment,这个就是当滑动到不同标签时显示在ViewPager中的内容,Fragment相当于一个Activity,在可以其中的onCreateView函数中构造需要显示的内容并返回

比如,以下代码将显示一个文本信息

?

1 2 3 4 5 6 7 8 9 10

@Override public View onCreateView(LayoutInflater inflater, ViewGroup container,         Bundle savedInstanceState) {     TextView textView = new TextView(getActivity());     textView.setGravity(Gravity.CENTER);     textView.setText("你选择了标签:"+Integer.toString(getArguments().getInt(             "no")));     return textView;   }