android加号底部导航栏,EasyNavigation Android 底部导航栏████几行代码实现 Tab 导航(随意定制加号,带红点消息提示) @codeKK Android开源站...

几行代码轻松实现底部导航栏(Tab 文字图片高度随意更改);

中间可添加加号按钮,也可添加文字;(足够的属性满足你需要实现的加号样式)

如果还不能满足、中间可添加自定义 View;

Tab 中随意添加小红点提示、数字消息提示;

点击按钮可跳转界面、也可作为 Tab 切换 Fragment;

2.0.+迁移 AndroidX、支持 ViewPager2;

剥离导航栏、不传 Fragment 则不会创建 ViewPager、可自行实现 ViewPager 使用 setupWithViewPager 方法与之关联;

支持仅图片、仅文字的方式.;

支持字体单位修改、SP 和 DP 切换;

支持红点消息大于 99、则显示椭圆可自定义背景颜色及角度;

更多使用参考简书;

效果图

7f2f57db520b8b5ec57c24b7a4e8cce4.png

e6600abd999d6033ed3fd194349a2d17.png

0ddfdd4b3512b742023ef49d0695df43.png

814883e0080bf3634bae00b320f096ea.png

实现

依赖

Step 1. Add it in your root build.gradle at the end of repositories:

allprojects {

repositories {

...

maven { url 'https://jitpack.io' }

}

}

Step 2. Add the dependency

implementation 'com.github.Vincent7Wong:EasyNavigation:1.5.0'

//2.0.5 AndroidX 版本、支持 ViewPager2

implementation 'com.github.Vincent7Wong:EasyNavigation:2.0.5'

navigationBar.defaultSetting() //恢复默认配置、可用于重绘导航栏

.titleItems(tabText) // Tab 文字集合 只传文字则只显示文字

.normalIconItems(normalIcon) // Tab 未选中图标集合

.selectIconItems(selectIcon) // Tab 选中图标集合

.fragmentList(fragments) // fragment 集合

.fragmentManager(getSupportFragmentManager())

.iconSize(20) //Tab 图标大小

.tabTextSize(10) //Tab 文字大小

.tabTextTop(2) //Tab 文字距 Tab 图标的距离

.normalTextColor(Color.parseColor("#666666")) //Tab 未选中时字体颜色

.selectTextColor(Color.parseColor("#333333")) //Tab 选中时字体颜色

.scaleType(ImageView.ScaleType.CENTER_INSIDE) //同 ImageView 的 ScaleType

.navigationBackground(Color.parseColor("#80000000")) //导航栏背景色

.setOnTabClickListener(new EasyNavigationBar.OnTabClickListener() {

@Override

public boolean onTabSelectEvent(View view, int position) {

//Tab 点击事件 return true 页面不会切换

return false;

}

@Override

public boolean onTabReSelectEvent(View view, int position) {

//Tab 重复点击事件

return false;

}

})

.smoothScroll(false) //点击 Tab Viewpager 切换是否有动画

.canScroll(true) //Viewpager 能否左右滑动

.mode(EasyNavigationBar.NavigationMode.MODE_ADD) //默认 MODE_NORMAL 普通模式 //MODE_ADD 带加号模式

.centerTextStr("发现")

.centerImageRes(R.mipmap.add_image)

.centerIconSize(36) //中间加号图片的大小

.centerLayoutHeight(100) //包含加号的布局高度 背景透明 所以加号看起来突出一块

.navigationHeight(60) //导航栏高度

.lineHeight(10) //分割线高度 默认 1px

.lineColor(Color.parseColor("#ff0000"))

.centerLayoutRule(EasyNavigationBar.RULE_BOTTOM) //RULE_CENTER 加号居中 addLayoutHeight 调节位置 EasyNavigationBar.RULE_BOTTOM 加号在导航栏靠下

.centerLayoutBottomMargin(10) //加号到底部的距离

.hasPadding(true) //true ViewPager 布局在导航栏之上 false 有重叠

.hintPointLeft(-3) //调节提示红点的位置 hintPointLeft hintPointTop(看文档说明)

.hintPointTop(-3)

.hintPointSize(6) //提示红点的大小

.msgPointLeft(-10) //调节数字消息的位置 msgPointLeft msgPointTop(看文档说明)

.msgPointTop(-10)

.msgPointTextSize(9) //数字消息中字体大小

.msgPointSize(18) //数字消息红色背景的大小

.centerAlignBottom(true) //加号是否同 Tab 文字底部对齐 RULE_BOTTOM 时有效;

.centerTextTopMargin(50) //加号文字距离加号图片的距离

.centerTextSize(15) //加号文字大小

.centerNormalTextColor(Color.parseColor("#ff0000")) //加号文字未选中时字体颜色

.centerSelectTextColor(Color.parseColor("#00ff00")) //加号文字选中时字体颜色

.setMsgPointColor(Color.BLUE) //数字消息、红点背景颜色

.setMsgPointMoreRadius(5) //消息 99+角度半径

.setMsgPointMoreWidth(50) //消息 99+宽度

.setMsgPointMoreHeight(40) //消息 99+高度

.textSizeType(EasyNavigationBar.TextSizeType.TYPE_DP) //字体单位 建议使用 DP 可切换 SP

.setOnTabLoadListener(new EasyNavigationBar.OnTabLoadListener() { //Tab 加载完毕回调

@Override

public void onTabLoadCompleteEvent() {

navigationBar.setMsgPointCount(0, 7);

navigationBar.setMsgPointCount(1, 109);

navigationBar.setHintPoint(4, true);

}

})

//.setupWithViewPager() ViewPager 或 ViewPager2

.build();

更新

此版本较上一版本有很大更新、实现方式也调整了下、如有错误及时反馈

2.0.+迁移 AndroidX、支持 ViewPager2;

剥离导航栏、不传 Fragment 则不会创建 ViewPager、可自行实现 ViewPager 使用 setupWithViewPager 方法与之关联;

新增仅图片、仅文字的方式。titleItems 和 normalIconItems 不能同时为空。如果没有 titleItems、则仅显示图片,没有 normalIconItems 则仅显示文字,没有 selectIconItems 则 Tab 没有切换效果;

新增字体单位修改、SP 和 DP 切换;

新增红点消息大于 99、则显示椭圆可自定义背景颜色及角度;

修复控件宽度计算问题;

新增重复选择回调;

方法名字诸多修改;(中间 Tab 的相关属性由 add 改为 center/万分抱歉)

取消 Tab 点击动画

Demo

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/467337.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在工厂的这几天

上周在工厂呆了6天支持我们产品量产,说下自己在工厂看到的一些事情,可能对大家对嵌入式行业有一定的认识,这样大家在选择方向会有些借鉴作用。产品由研发到生产是一个过程,只有经受过量产考验的产品,才能说这个产品真正…

Arm华为NXP睿赛德大咖云集!2020中国嵌入式技术大会嘉宾揭晓

展会即将开幕▲扫码领门票从电子信息产业趋势看,以自动驾驶、智能机器人和智慧安防为代表的AIOT(智联网)正在成为新一轮科技创新制高点。5G 布置将大大提升端侧智能,助力AIOT 发展。从技术层面看,AIOT 是AI 技术嵌入到…

c语言变量加常量,C语言(二)---常量与变量(示例代码)

一、进制1.1 二进制1.1 简介二进制数据是用0和1两个数码来表示的数。它的基数是2,进位规则是“逢二进1”,借位规则是“借一当二”。当前的计算机系统使用的基本上是二进制系统。1.2 二进制数据表示法二进制没有2只有0和1,逢2进1,其…

使用CodeSmith要注意的几点

新的项目即将开始了,项目经理老蔡说上次项目的持久层框架不太适合B/S项目,原因是反射用得太多了,并且数据层内部自己又封装了好几层,所以决定从新设计一个执行效率更高的框架。 老蔡设计了下他构思好的持久层和数据层的接口&am…

Alsa里面恶心的DAPM

相关文章音频系统,Alsa 里面的buff 是怎么计算的?为什么需要超过48k的采样音频?我在MTK平台下调试音频ALSA音频几个重要的参数openwrt 音频开发(干货)Ai音箱和Linux音频驱动小谈Android 音频数据流分析之程序员干架产品经理正文做音频的很多初…

从Linus Torvalds一封发飙的电邮开始谈设备树究竟是棵什么树?

[导读] 新版的U-Boot以及内核都引入了设备树,那么这究竟是棵什么样的树呢?长啥样?有啥用?为啥弄个这样的树?本文基于对设备树标准的理解,来学习整理一下相关的要点,供大家参考。Linux为啥要设备…

html两个div间有白线,html-在特定浏览器宽度下,白线出现在渐变填充div的末尾

我有一个ID为#gradient_div的div,其背景图像设置为线性渐变.仅在某些浏览器窗口宽度下,线性渐变的末尾与div #gradient_div的末尾之间才出现缝隙.当我拉伸和收缩浏览器窗口时,这条白线消失并重新出现.似乎与边距有关:>当我将边距设置为margin:0 1&…

为什么读书了,还不如那些初中毕业的同学

今天群里特别热闹,大家聊了很多,我在旁边看着,很舒服,可能也有人跟我一样,看着这些B神吹牛。像读书时候的卧谈会,大家都聊的很嗨,听的人更嗨,我就是那个喜欢听大家吹牛的人&#xff…

为什么说卷积神经网络,是深度学习算法应用最成功的领域之一?

目前,作为深度学习的代表算法之一,卷积神经网络(Convolutional Neural Networks,CNN)在计算机视觉、分类等领域上,都取得了当前最好的效果。后来,基于深度神经网络和搜索树的智能机器人“AlphaG…

C语言博客作业--函数

C语言博客作业--函数 一&#xff0c;PTA实验作业 6-2 简单实现x的n次方 1.本题PTA提交列表 2.设计思路 double mypow( double x, int n )函数&#xff08;1&#xff09;定义y1&#xff0c;i用于循环变量&#xff08;2&#xff09;for(i1;i<n;i){ yy*x}用循环实现x的n次方&am…

Linux系统编程 / triggerhappy 源码分析(3.select 的应用)

哈喽&#xff0c;我是老吴&#xff0c;继续记录我的学习心得。一、进步的滞后性我们期望进步是线性&#xff1a;每一个人付出一些努力后&#xff0c;都希望它有立竿见影的效果。现实是&#xff1a;做出努力后&#xff0c;结果的显现往往滞后。只有在几个月或几年后&#xff0c;…

今天,给我妈打电话聊了我爸

晚上&#xff0c;给我妈打电话&#xff0c;我爸前两天病了&#xff0c;前几年的大病虽然慢慢康复&#xff0c;但是因为年纪大了&#xff0c;身体机能也慢慢变弱&#xff0c;总是有一些大大小小的问题。前两天我发消息给我爸&#xff0c;我说我们要进新房子了&#xff0c;虽然房…

A Simple Note on P4FPGA: A Rapid Prototyping Framework for P4

论文&#xff1a;P4FPGA: A Rapid Prototyping Framework for P4 Github&#xff1a;https://github.com/p4fpga Reference: Han Wang, Robert Soule ́, Huynh Tu Dang, Ki Suh Lee, Vishal Shrivastav, Nate Foster, and Hakim Weatherspoon. 2017. P4FPGA : A Rapid Prototy…

客户端回调

Client Callback 是ASP.NET 2.0新增的一个特性。简单的说&#xff0c;就是在不刷新页面的情况下&#xff0c;用javascript向服务器端传递参数、调用服务器端的方法、并且得到服务器端的返回值进行处理。 1> Why Client Callback HTTP是无状态的协议。在HTTP协议之上开发的…

万事开头难 - 介绍IMX6ULL启动方式

不同开发板&#xff0c;启动方式不一样&#xff0c;今天我们来介绍imx6ull开发板的启动方式&#xff0c;这非常重要。若不了解清楚启动方式&#xff0c;后面的所有开发工作便无从谈起。本文摘自100ask_imx6ull 开发板 配套学习手册-《嵌入式Linux应用开发完全手册_韦东山全系列…

可以在中断服务程序执行malloc吗?

这是微信群里面的一个群友提的问题&#xff0c;原问题如下&#xff1a;今天遇到一个面试问题 请教各位老哥 中断服务程序能否malloc &#xff1f;为什么&#xff1f;我回答是 不行 因为中断服务程序应该要尽量简短&#xff0c;且执行完中断服务程序会跳出中断函数&#xff0c…

Android Input 子系统初探

Android系统基于Linux内核实现&#xff0c;内核作为整个操作系统的核心&#xff0c;对下&#xff0c;它负责整个硬件的驱动、实现对硬件器件的控制管理&#xff1b;对上&#xff0c;它提供各种系统所需的核心功能。Android系统支持的输入设备较多&#xff0c;如按键、触摸屏、手…

计算机excl知识题,2019职称计算机考试Excel模拟题及答案(1.18)

【导语】2019年职称计算机考试备考正在进行中&#xff0c;为了方便考生及时有效的备考&#xff0c;那么&#xff0c;无忧考网为您精心整理了2019职称计算机考试Excel模拟题及答案(1.18)&#xff0c;把握机会抓紧练习吧。如想获取更多职称计算机考试的模拟题及备考资料&#xff…

CPU中的程序是怎么运行起来的

总述最近一位朋友问我&#xff0c;开发的代码是怎么在芯片运行起来的&#xff0c;我就开始给他介绍代码的预编译、汇编、编译、链接然后到一般的文件属性&#xff0c;再到代码运行。但是大佬问了我一句&#xff0c;CPU到底是怎么执行到每一个逻辑的&#xff0c;就讲了哈CPU的架…

Git-远程操作

远程分支&#xff1a;远程跟踪分支remote branch是对远程分支状态的引用&#xff0c;是不能移动的&#xff0c;它会根据远程分支变化以及网络通信自动移动。Git服务器包含了远程分支master&#xff0c;在My Computer中的remote branch就是远程跟踪分支&#xff0c;是对git服务器…