怎么在Fragment中使用ViewPager实现一个底部导航栏-创新互联

本篇文章为大家展示了怎么在Fragment中使用ViewPager实现一个底部导航栏，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

这个布局实现的效果如下：

只看效果，大家觉得挺好的，但是重要的问题来了。

下面的radioButton点了没反应，我检查了一下xml文件，再检查了一下java代码,没有问题啊，我开始方了，，，然后网上搜，好像没有人遇到这个问题，，检查好几遍之后，问旁边的同学，他说 既然设置了监听，但是没有反应，那肯定是有一个东西把这个事件消费掉了，我想起来了之前看的事件分发机制，，建议大家对事件分发机制不懂的小伙伴赶紧看看，面试和日常写代码都要用到，特别是面试，面试官特别喜欢问。

回归正题，大家看我的 xml文件，我把viewpager写在了Radiogroup的下面，并且，layout_height = "fill_parent"     这样我的viewpager就消费掉了我的radiobutton的点击事件，其实之后我觉得，是我的逻辑不正确，我应该顺序的写下来，而不是只实现功能，这样我看自己的代码可以看懂，可是给别人可能会造成误解。

好了，开始说一下，实现底部导航的整个流程，实现的界面还如上：（在studio中写的）

actionbar.xml  上面自定义的 actionbar  系统自带的actionbar在java代码中去掉了

代码功能：  左边返回键 中间显示的文字 右边的 更多 键   上图中没有显示出来，是因为我没有让 左右的键显示出来

activity_main.xml 文件 
中间的部分color资源，是我引用的自动的，大家可以自己选择

注意一下，radiobutton中的一个属性是  drawableTop属性， 这个后面引用的drawable资源是 实现 点击改变radiobutton状态的布局文件，我给大家贴出来 radio_bt_plan.xml文件的代码，其他的只要新建，copy代码，改显示的图片即可。
还有，对于初次用studio的伙伴，这里要注意了，new的时候，drawable --->右键  ---->  new ----> new resource file （即 出来的第一个） 而不是XML

radio_bt_plan.xml

接下来就是  MainActivity.java文件了

public class MainActivity extends FragmentActivity { 
 private TextView title_text; 
 private ViewPager vp_main_tab; 
 private List fragmentList = null; 
 private FragmentPagerAdapter mAdapter = null; 
 
 private MyFragment myFragment; 
 private TimeGroupFragment timeGroupFragment; 
 private PlanningFragment planningFragment; 
 
 private RadioButton rb_main_tab_menu1; 
 private RadioButton rb_main_tab_menu2; 
 private RadioButton rb_main_tab_menu3; 
 private RadioGroup rg_main_group; 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  requestWindowFeature(Window.FEATURE_NO_TITLE); 
  setContentView(R.layout.activity_main); 
  init(); 
  rg_main_group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { 
 
   @Override 
   public void onCheckedChanged(RadioGroup group, int checkedId) { 
    switch (checkedId) { 
     case R.id.rb_main_tab_menu1: 
      vp_main_tab.setCurrentItem(0); 
      initActionbar(0); 
      break; 
     case R.id.rb_main_tab_menu2: 
      vp_main_tab.setCurrentItem(1); 
      initActionbar(1); 
      break; 
     case R.id.rb_main_tab_menu3: 
      vp_main_tab.setCurrentItem(2); 
      initActionbar(2); 
      break; 
     default: 
      break; 
    } 
 
   } 
  }); 
  initViewPage(); 
 } 
 private void initActionbar(int currentPage) { 
  switch (currentPage) { 
   case 0: 
    title_text.setText(getResources().getString(R.string.TimeRobot)); 
    break; 
   case 1: 
    title_text.setText(getResources().getString(R.string.timeGroup)); 
    break; 
   case 2: 
    title_text.setText(getResources().getString(R.string.My)); 
    break; 
   default: 
    break; 
  } 
 } 
 private void init() { 
  title_text = (TextView) findViewById(R.id.tv_title_actionbar); 
  vp_main_tab = (ViewPager) findViewById(R.id.vp_activity_main); 
  fragmentList = new ArrayList(); 
  rg_main_group = (RadioGroup) findViewById(R.id.rg_main_radioGroup); 
  rb_main_tab_menu1 = (RadioButton) findViewById(R.id.rb_main_tab_menu1); 
  rb_main_tab_menu2 = (RadioButton) findViewById(R.id.rb_main_tab_menu2); 
  rb_main_tab_menu3 = (RadioButton) findViewById(R.id.rb_main_tab_menu3); 
 
  myFragment = new MyFragment(); 
  timeGroupFragment = new TimeGroupFragment(); 
  planningFragment = new PlanningFragment(); 
 
  fragmentList.add(myFragment); 
  fragmentList.add(timeGroupFragment); 
  fragmentList.add(planningFragment); 
 
 
 } 
 
 private void initViewPage() { 
  android.support.v4.app.FragmentManager fm = getSupportFragmentManager(); 
  mAdapter = new FragmentPagerAdapter(fm) { 
 
   @Override 
   public int getCount() { 
    return fragmentList == null ? 0 : fragmentList.size(); 
   } 
 
   @Override 
   public android.support.v4.app.Fragment getItem(int position) { 
    return fragmentList.get(position); 
   } 
  }; 
  vp_main_tab.setAdapter(mAdapter); 
  vp_main_tab.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
 
   @Override 
   public void onPageSelected(int position) { 
    initActionbar(position); 
    switch (position) { 
     case 0: 
      rb_main_tab_menu1.setChecked(true); 
      break; 
     case 1: 
      rb_main_tab_menu2.setChecked(true); 
      break; 
     case 2: 
      rb_main_tab_menu3.setChecked(true); 
      break; 
     default: 
      break; 
    } 
   } 
 
   @Override 
   public void onPageScrolled(int arg0, float arg1, int arg2) { 
   } 
 
   @Override 
   public void onPageScrollStateChanged(int state) { 
   } 
  }); 
 } 
}

上述内容就是怎么在Fragment中使用ViewPager实现一个底部导航栏，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。