Android之实现ViewPager+Fragment左右滑动

与天地兮比寿,与日月兮齐光。这篇文章主要讲述Android之实现ViewPager+Fragment左右滑动相关的知识,希望能为你提供帮助。
近期看新闻发现新闻的页面是能够左右滑动的。于是自己就好奇起来了,之前做过ViewPager展示图片,在想怎么载入页面呢?研究了一下。发现就是加入了Fragment,废话不多说,揭秘奥秘的时候到了。
使用过ViewPager小伙伴们都知道,Viewpager载入数据。须要数据源,这里我们定义4个Fragment。
为了方便其它同事使用,我给这4个Fragment加入了一个基类。详细代码例如以下:

public abstract class BaseFragment extends Fragment { public Context mContext; //上下文 private View mView; @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); initData(savedInstanceState); }@Override public void onCreate(Bundle savedInstanceState) { mContext = getActivity(); super.onCreate(savedInstanceState); }@Override public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) { mView = initView(inflater); return mView; } /** * 初始化界面 */public abstract View initView(LayoutInflater inflater); /** * 初始化数据 */ public abstract void initData(Bundle savedInstanceState); }

里面我加入了2个方法,一个是初始化界面。一个初始化数据,这样其它Fragment继承该类实现其两种方法,我们看一下当中一个Fragment里面的代码:
public class WeiFragment extends BaseFragment {@Override public View initView(LayoutInflater inflater) { //加入页面布局 View view = inflater.inflate(R.layout.fragment_weixin, null); return view; }@Override public void initData(Bundle savedInstanceState) {}}

这样其它同事就知道该怎样处理数据了。在主页面。我们仅仅要做两件事。一是把数据给Viewpager,还有一件事则是要使以下的tab能够控制页面变化。以下是传递数据的代码:
//加入数据 list = new ArrayList< BaseFragment> (); list.add(new WeChatFragment()); list.add(new FriendFragment()); list.add(new AddressFragment()); list.add(new SettingFragment());

然后我们须要给ViewPager绑定一个适配器。针对Fragment的adapter,Google提供了专用的FragmentPagerAdapter。详细代码例如以下:
public class FragmentAdapter extends FragmentPagerAdapter { private List< BaseFragment> list; public FragmentAdapter(FragmentManager fm, List< BaseFragment> list) { super(fm); this.list = list; }//得到数据 @Override public Fragment getItem(int position) { return list.get(position); }@Override public int getCount() { return list.size(); } }

【Android之实现ViewPager+Fragment左右滑动】最后我们要把适配器绑定到ViewPager上面;
//绑定适配器 adapter = new FragmentAdapter(getFragmentManager(), list); mViewPager.setAdapter(adapter);

第二件事就是处理tab改变页面变化。这里我们给tab设置了编号,依据编号来处理tab显示页面的问题,这里就不贴代码了,详细请看demo。
效果图例如以下:
Android之实现ViewPager+Fragment左右滑动

文章图片

项目源代码
如有疑问,能够给我留言。多多交流。谢谢!






    推荐阅读