首页 > 其他分享 >app的页面的底部导航设计

app的页面的底部导航设计

时间:2023-04-02 23:45:05浏览次数:37  
标签:Fragment ViewPager app 实现 底部 导航 TextView 页面

Android 底部导航栏实现
底部导航栏的应用非常的广泛。今天就总结下几种实现的方式。

一、Fragment + TextView 实现
前面一篇博客在介绍Fragment 的时候就使用了Fragment + ImageView 实现了一个底部导航栏点击的例子,只要把ImageView 替换为TextView 是一样的实现。这里就详细介绍了,可以看这篇博客Android之Fragment的概述和使用

这种方式每次点击我们都要重置 所有TextView的状态,然后选中点击的TextView

二、RadioGroup + ViewPager 实现
我们只需重写RadioGroup的onCheckedChange,判断checkid即可知道点击的是哪个RadioButton,再给ViewPager 设置监听,让底部导航栏和viewpager同步就行了。

三、BottomNavigationView+ViewPager+fragment 实现

四、TabLayout+fragment+viewPager 实现

 

标签:Fragment,ViewPager,app,实现,底部,导航,TextView,页面
From: https://www.cnblogs.com/nanbei666/p/17281810.html

相关文章

  • csapp
    ComputerSystem:AProgramer'sPerspective计算机系统漫游编译系统组成预处理器编译器汇编器链接器预处理阶段:预处理器根据字符'#'开头的命令,修改原始的C程序,将头文件直接插入程序文本中,得到一个以.i作为文件扩展名的程序.编译阶段:编译器将文本文件.i翻译......
  • Uniapp开发的微商个人相册多端小程序源码
    ☑️品牌:Uniapp☑️语言:vue☑️类型:微商个人相册☑️支持:小程序......
  • 在线租车APP优势,租车APP有什么作用
     类似神州租车app开发,类似神州租车app开发多少钱,类似神州租车app贴牌开发,租车app开发哪家公司好,租车app都有哪些,租车平台定制开发,租车APP开发,租车APP平台开发,租车服务平台小程序开发,租车便利出行APP开发,租车服务平台小程序有哪些功能,租车软件开发需要多少钱 汽车为人民的道路......
  • 基于uniapp开发的zblog多端小程序源码
    ☑️品牌:uniapp☑️语言:vue☑️类型:文章资讯博客☑️支持:小程序......
  • 对于两个html页面之间无法实现跳转,但是单独出现却可以的问题的解决
    问题描述不知道为什么,我的两个html页面之间无法实现跳转,但是单独打出来就是可以,上网查了查相关的解决方法问题解决在a标签里面,加上一个target属性,命名为-blank,然后就可以实现正常跳转啦!......
  • uniapp android检查权限,不进行获取
    varManifest=plus.android.importClass("android.Manifest");varMainActivity=plus.android.runtimeMainActivity();MainActivity.checkSelfPermission(Manifest.permission.READ_EXTERNAL_STORAGE)......
  • BeanFactory与ApplicationContext的区别
      BeanFactory与ApplicationContext的区别?一、BeanFactory和ApplicationContext接口及其子类图​编辑二、概述BeanFactory和ApplicationContext是Spring的两大核心接口,都可以当做Spring的容器。其中ApplicationContext是BeanFactory的子接口。BeanFactory:BeanFactor......
  • BeanFactory与ApplicationContext的区别
    BeanFactory与ApplicationContext的区别?一、BeanFactory和ApplicationContext接口及其子类图 二、概述BeanFactory和ApplicationContext是Spring的两大核心接口,都可以当做Spring的容器。其中ApplicationContext是BeanFactory的子接口。BeanFactory:BeanFactory是Spring......
  • vue3面包屑导航栏
    import{useRoute,useRouter}from"vue-router";import{computed,ref,watch,watchEffect,nextTick}from"vue";constrouter=useRouter()constroute=useRoute()constbreadcrumb=ref([])/***@Date:2023-03-2817:55:20*@descript......
  • 爬虫实战(一)爬取静态页面数据
    前言 我们以一个静态网站作为案例进行练习,网站链接为:https://ssr1.scrape.center/,这个网站里面包含一些电影信息。网站首页如下图所示:          我们点击其中一部电影,会进入该电影的详情页面,如下图所示:我们需要爬取的信息为每部电影的名称、封面、类别、......