您的位置:首页 > 移动开发 > 微信开发

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

2016-02-04 23:29 471 查看


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

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: