Android中ViewPager+Fragment的基本使用

这几天学习了一下ViewPager+Fragement的基本使用方法并写了个Demo。现将代码和效果图放上。

1. 首先是布局文件

?

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

<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"  >            <!-- ViewPager组件 -->      <android.support.v4.view.ViewPager          android:id= "@+id/viewpager"          android:layout_width= "match_parent"          android:layout_height= "match_parent" >                          <!-- PagerTabStrip是标签页的切换效果 -->          <android.support.v4.view.PagerTabStrip              android:id= "@+id/pagertab"                android:layout_width= "wrap_content"                android:layout_height= "wrap_content"                />                   </android.support.v4.view.ViewPager>       </RelativeLayout> <!--注意事项:           1 .这里ViewPager和 PagerTabStrip都要把包名写全了，不然会ClassNotFount          2 .API中说：在布局xml把PagerTabStrip当做ViewPager的一个子标签来用，不能拿出来，不然还是会报错     -->

 

 2.MainActivity.java

    MainActivity主要就做了一些加载控件和实例化Fragment的事情，重点要注意的是MyViewPagerAdapter这个适配器的内部类。

?

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

package  com.xlp.myviewpagerfragment; import  java.util.ArrayList; import  android.os.Bundle; import  android.support.v4.app.Fragment; import  android.support.v4.app.FragmentActivity; import  android.support.v4.app.FragmentManager; import  android.support.v4.app.FragmentPagerAdapter; import  android.support.v4.view.PagerTabStrip; import  android.support.v4.view.ViewPager; import  android.view.Menu; import  android.view.MenuItem;   public  class  MainActivity  extends  FragmentActivity {       private  ViewPager m_vp;       // 通过pagerTabStrip可以设置标题的属性       private  PagerTabStrip pagerTabStrip;       private  Fragment1 mfragment1;       private  Fragment2 mfragment2;       private  Fragment3 mfragment3;       // 页面列表       private  ArrayList<Fragment> fragmentList;       // 标题列表       private  ArrayList<String> titleList =  new  ArrayList<String>();   @Override   protected  void  onCreate(Bundle savedInstanceState) {    super .onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    initView();   }   public  void  initView() {        m_vp = (ViewPager) findViewById(R.id.viewpager);        pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagertab);        // 设置下划线颜色        pagerTabStrip.setTabIndicatorColor(getResources().getColor(          android.R.color.holo_green_dark));        pagerTabStrip.setBackgroundColor(getResources().getColor(          android.R.color.holo_red_dark));        mfragment1 =  new  Fragment1();        mfragment2 =  new  Fragment2();        mfragment3 =  new  Fragment3();        fragmentList =  new  ArrayList<Fragment>();        fragmentList.add(mfragment1);        fragmentList.add(mfragment2);        fragmentList.add(mfragment3);        titleList.add( "第一页" );        titleList.add( "第二页" );        titleList.add( "第三页" );        m_vp.setAdapter( new  MyViewPagerAdapter(getSupportFragmentManager()));   }       public  class  MyViewPagerAdapter  extends  FragmentPagerAdapter {            public  MyViewPagerAdapter(FragmentManager fm) {             super (fm);        }        @Override        public  Fragment getItem( int  arg0) {             return  fragmentList.get(arg0);        }        @Override        public  int  getCount() {             return  fragmentList.size();        }        @Override        public  CharSequence getPageTitle( int  position) {             // TODO Auto-generated method stub             return  titleList.get(position);        }   }       @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 ;       }       @Override       public  boolean  onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int  id = item.getItemId();        if  (id == R.id.action_settings) {         return  true ;        }        return  super .onOptionsItemSelected(item);       } }

 

3.Fragment1.java

    其中的一个Fragment页面，这里只展示一个，其他写法相同

?

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

package  com.xlp.myviewpagerfragment; import  android.os.Bundle; import  android.support.v4.app.Fragment; import  android.util.Log; import  android.view.LayoutInflater; import  android.view.View; import  android.view.ViewGroup;   public  class  Fragment1  extends  Fragment {   private  View mMainView;   @Override   public  void  onCreate(Bundle savedInstanceState) {    // TODO Auto-generated method stub    super .onCreate(savedInstanceState);    Log.i( "xlp" ,  "fragment1-->oncreate()" );    //动态加载布局文件    LayoutInflater inflater = getActivity().getLayoutInflater();    mMainView = inflater.inflate(R.layout.fragment1,      (ViewGroup) getActivity().findViewById(R.id.viewpager),  false );   }   @Override   public  View onCreateView(LayoutInflater inflater, ViewGroup container,     Bundle savedInstanceState) {    Log.i( "xlp" ,  "fragment1-->onCreateView()" );    ViewGroup viewGroup = (ViewGroup) mMainView.getParent();    return  mMainView;   }   @Override   public  void  onDestroy() {    // TODO Auto-generated method stub    super .onDestroy();    Log.v( "xlp" ,  "fragment1-->onDestroy()" );   }   @Override   public  void  onPause() {    // TODO Auto-generated method stub    super .onPause();    Log.v( "xlp" ,  "fragment1-->onPause()" );   }   @Override   public  void  onResume() {    // TODO Auto-generated method stub    super .onResume();    Log.v( "xlp" ,  "fragment1-->onResume()" );   }   @Override   public  void  onStart() {    // TODO Auto-generated method stub    super .onStart();    Log.v( "xlp" ,  "fragment1-->onStart()" );   }   @Override   public  void  onStop() {    // TODO Auto-generated method stub    super .onStop();    Log.v( "xlp" ,  "fragment1-->onStop()" );   } }

 

    4.最后放上效果图