锐客网

  1. 首页 > 睿知 > it技术 > >

Android之实现ViewPager+Fragment左右滑动

IT知识viewpager左右滑动

与天地兮比寿，与日月兮齐光。这篇文章主要讲述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左右滑动

文章图片

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






    推荐阅读


    上一篇：Android端恶意锁屏勒索应用分析

    下一篇：App Extensions篇之Share Extension