热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

使用Fragment+ViewPager实现底部导航栏

这篇文章主要为大家详细介绍了使用Fragment+ViewPager实现底部导航栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前几天准备写一个小程序,一直认为fragment实现底部导航栏,是很容易的事情,可是却遇到了前所未有的问题,先给大家贴出来我出错的界面布局代码:

 
 
  
 
  
 
   
 
    
 
    
 
    
   
 
   
  
 
 

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


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

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

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

好了,开始说一下,实现底部导航的整个流程,实现的界面还如上:(在studio中写的)

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

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

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  
   
  
  
  
   
  
 
 
 

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

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  
  
  
 
   
    
    
    
   
 

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

radio_bt_plan.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  
  
  
  
 
 

接下来就是  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 &#63; 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) { 
   } 
  }); 
 } 
} 

这就是整个是实现经过,如有什么不足的地方,还请多多指教;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 本文详细探讨了在Android 8.0设备上使用ChinaCock的TCCBarcodeScanner进行扫码时出现的应用闪退问题,并提供了解决方案。通过调整配置文件,可以有效避免这一问题。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文介绍如何在应用程序中使用文本输入框创建密码输入框,并通过设置掩码来隐藏用户输入的内容。我们将详细解释代码实现,并提供专业的补充说明。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
author-avatar
tycomed姐姐_398
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有