Viewpager模仿微信主布局的三种方式 ViewPager,Fragment,ViewPager+FragmentPagerAdapter

效果大概就是这样 很简单 :

1 创建 top 和bottom

2主界面布局 添加top 和bottom 中间添加一个ViewPage

3 给ViewPager 和 底部View设置点击事件

源码下载 (图片资源也在里面)

https://github.com/AceInAndroid/imitateWeixinUIDemo

第二种Fragment  只能点击(像QQ一样,这样的好处可以写条目的左右滑动事件 )

实现步骤差不多

布局不多说 用第一种的布局.

1 创建4个Fragment 继承自Fragment(V4包下的)

2 getSupportFragmentMannager() 方法创建FragmentManager ,然后开启Fragment的事务(必须让 MainActivity extend FragmentActivity)

3 用transaction的hide show方法来控显示还是隐藏

下载:

https://github.com/AceInAndroid/imitateWeixinUIDemo02

第三者 使用了FragmentPagerAdapter 实现了 Fragment的滑动  其他代码差不多

mAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {

            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return mFragments.size();
            }

            @Override
            public Fragment getItem(int arg0) {

                return mFragments.get(arg0);
            }
        };

        mPager.setAdapter(mAdapter);

https://github.com/AceInAndroid/imitateWeixinUIDemo03