文章地址： 

 

1、使用ViewPager + PagerAdapter

　　每个页面的内容都在同一个Activity中，维护起来会比较麻烦

　　实现：

　　在页面上加入ViewPager控件。　　

　　创建每个Tab页的信息，并在Activity中获取这些Tab页，加入List<View>中。

　　　　 form1 = (LinearLayout) inflater.inflate(R.layout.layout_pager1, null);        form2 = (LinearLayout) inflater.inflate(R.layout.layout_page2, null);        form3 = (LinearLayout) inflater.inflate(R.layout.layout_pager3, null);                listViews.add(form1);        listViews.add(form2);        listViews.add(form3);

　　创建PagerAdapter的对象（通过自定义类MyPagerAdapter继承自PagerAdapter），并绑定到ViewPager上。

　　自定义的MyPagerAdapter一定要重写destroyItem、instantiateItem、getCount、isViewFromObject。

private class MyPagerAdapter extends PagerAdapter {                @Override        public void destroyItem(ViewGroup container, int position, Object object) {            container.removeView(listViews.get(position));        }                @Override        public Object instantiateItem(ViewGroup container, int position) {            View view = listViews.get(position);            container.addView(view);            return view;        }        @Override        public int getCount() {            // TODO Auto-generated method stub            return listViews.size();        }        @Override        public boolean isViewFromObject(View view, Object obj) {            // TODO Auto-generated method stub            return view == obj;        }            }

　　这样一个简单的可以左右滑动的界面就完成了。不过有个明显的缺点，界面上没有可以指示当前在第几个页面的信息，用户也无法明确看到一共有多少个页面。可以像我参考的博客上的例子，在主界面上添加一个Layout，定义几个按钮。也可以使用Activity的getActionBar方法获取当前Activity对应的ActionBar，在ActionBar上添加Tab来指示当前页面。使用ActionBar时，需要为Tab添加TabListener事件，重写onTabSelected方法，当用户选择了对应的Tab页签，ViewPager需要跳转到对应的界面。

　　　　　　tab.setTabListener(new ActionBar.TabListener() {                                @Override                public void onTabUnselected(Tab tab, FragmentTransaction ft) {                    // TODO Auto-generated method stub                                    }                                @Override                public void onTabSelected(Tab tab, FragmentTransaction ft) {                    // TODO Auto-generated method stub                    String text = tab.getText().toString();                    int selectedIndex = 0;                    switch(text) {                    case PAGE1 :                         selectedIndex = 0;                        break;                    case PAGE2 :                        selectedIndex = 1;                        break;                    case PAGE3 :                        selectedIndex = 2;                        break;                    default:                        selectedIndex = 0;                        break;                    }                                        viewPager.setCurrentItem(selectedIndex);                                        //设置页签上的图片                    for    (int j = 0; j < bar.getTabCount(); j++) {                        Tab tab1 = bar.getTabAt(j);                        if (selectedIndex == j) {                            tab1.setIcon(onIcons[j]);                        } else {                            tab1.setIcon(offIcons[j]);                        }                    }                }                                @Override                public void onTabReselected(Tab tab, FragmentTransaction ft) {                    // TODO Auto-generated method stub                                    }            });

　　现在点击页签，就会跳转到对应的页面。但是左右滑动页面的时候，页签并不会跟着变化。再添加页面滑动的事件。

　　　　viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {                        @Override            public void onPageSelected(int i) {//                for    (int j = 0; j < bar.getTabCount(); j++) {//                    Tab tab = bar.getTabAt(j);//                    if (i == j) {//                        tab.setIcon(onIcons[j]);//                    } else {//                        tab.setIcon(offIcons[j]);//                    }//                }                bar.selectTab(bar.getTabAt(i));            }                        @Override            public void onPageScrolled(int i, float f, int j) {                // TODO Auto-generated method stub                            }                        @Override            public void onPageScrollStateChanged(int i) {                // TODO Auto-generated method stub                            }        });

　　OK，页签和页面可以联动了。

 

 

2、FragmentManager + Fragment

　　每个页面的内容分开，但是只能点击按钮换页

 

3、ViewPager + FragmentPagerAdapter

　　综合前两种方式，比较好

 

4、TabPageIndicator + ViewPager + FragmentPagerAdapter

　　第三方插件，呈现界面与第3中不同，但同样很好。

 

 

将自己写代码实现后两种方式。

参考：