Android官方底部Tab栏设计规范

简介: 上一篇《仿微信底部Tab栏》中粗略的讲了下底部Tab栏的封装,不少同学在实际运用中发现了一些问题,比如我demo中的title用了actionbar,所以如果新建的Activity的Theme...

上一篇《仿微信底部Tab栏》中粗略的讲了下底部Tab栏的封装,不少同学在实际运用中发现了一些问题,比如我demo中的title用了actionbar,所以如果新建的Activity的Theme不包含actionbar就回出现空指针;再比如假如底部的Tab对应的并不全都是Fragment,而是一部分Fragment,一部分Activity,就不适用了,但办法总比困难多,这个也是可以解决的;还有一个很常见的需求,就是底部有些Tab可能会有个小红点,之前的Demo并没有把这些问题包含进去,后续有时间再优化,今天来介绍下Google官方的Bottom navigation bars。

首先官方并没有一个叫Bottom navigation bars的控件,但是却出了一套关于Bottom navigation bars的标准,可见官方并不推荐把APP设计成这个样子。如果你非要设计成底部Tab栏的方式,我们也不横加干涉,我出一套标准,参照我的标准来,但官方不提供控件支持,这大概就是Google的内心独白了。

下面我们看看Bottom navigation bars的设计标准吧。

位置

可以放在底部,也可以放在侧边栏。一般是APP的首页。
这里写图片描述
这里写图片描述

Tab个数

(√)推荐底部可以放置3到5个。

这里写图片描述
这里写图片描述
(×)下面这种2个或者6个是不推荐使用的。

这里写图片描述
这里写图片描述

Icons and text

When the view is in focus, display that view’s icon and text label
When there are only three actions, display both icons and text labels at all times
If there are four or five actions, display inactive views as icons only
选中的Tab同时显示icon和text。
如果只有三个Tab,无论选中未选中,一直显示icon和文字。
如果有四到五个Tab,选中的Tab显示文字和icon,未选中的Tab只显示icon。

颜色

(√)推荐选中的图标或者文字为APP的主色调,如果Tab栏本身就是彩色,推荐黑色和白色作为图标或者文字。

这里写图片描述

这里写图片描述
(×)彩色图标不推荐使用

这里写图片描述
这里写图片描述

文字

文字要求言简意赅

这里写图片描述

(×)这样都是不推荐的

这里写图片描述
这里写图片描述
这里写图片描述

尺寸

Bottom navigation bars的高度推荐为56dp,icon的尺寸为24*24,这种Google一般推荐使用8的倍数。选中tab的字体大小为14sp,未选中为12sp。

这里写图片描述

这里写图片描述
以上就是相关的规范,具体的详细内容大家可以看这里,但说了这么多,这么炫酷高颜值的Bottom navigation bars哪里有呢,官方又没有控件,但是github上有啊。

先上几张图,大家随意感受下。

这里写图片描述

这里写图片描述

这里写图片描述
有没有很高颜值,很炫酷。

使用方法也很简单:

Step 1. Add the JitPack repository to your build file Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {

maven { url “https://jitpack.io” }
}
}
Step 2. Add the dependency
dependencies { compile ‘com.github.RoyWallace:BottomNavigationBar:v0.1’}

Step 3
include 布局

具体大家可以看这里。。。

相关文章
|
5月前
|
XML Java Android开发
Android Studio App开发之实现底部标签栏BottomNavigationView和自定义标签按钮实战(附源码 超详细必看)
Android Studio App开发之实现底部标签栏BottomNavigationView和自定义标签按钮实战(附源码 超详细必看)
90 0
|
26天前
|
安全 数据处理 Android开发
安卓隐私权政策和Google Play规范更新
【4月更文挑战第14天】谷歌针对安卓平台的隐私权政策和Google Play规范进行重要更新,强化用户隐私保护和安全标准。新政策强调最小化数据收集,要求开发者明确告知用户敏感数据用途,并限制不必要的后台数据处理。Google Play规范更新要求应用详述数据收集方式,增加安全审查机制,确保无恶意代码。开发者面临调整,但有机会提升应用安全标准,赢得用户信任。用户数据安全得到提升,移动生态系统将更健康、可持续。
|
4月前
|
存储 前端开发 测试技术
Android 官方架构中的 UseCase 该怎么写?
Android 官方架构中的 UseCase 该怎么写?
75 0
|
5月前
|
XML 数据库 数据安全/隐私保护
Android App规范处理中版本设置、发布模式、给数据集SQLite加密的讲解及使用(附源码 超详细必看)
Android App规范处理中版本设置、发布模式、给数据集SQLite加密的讲解及使用(附源码 超详细必看)
45 0
|
8月前
|
网络协议 开发工具 Android开发
​​Android平台GB28181历史视音频文件下载规范探讨及技术实现
​​Android平台GB28181历史视音频文件下载规范探讨及技术实现
111 1
|
8月前
|
开发工具 Android开发 开发者
Android平台GB28181历史视音频文件检索规范探讨及技术实现
Android平台GB28181历史视音频文件检索规范探讨及技术实现
|
8月前
|
开发工具 Android开发 开发者
Android平台GB28181接入端语音广播和语音对讲规范解读和技术实现
我在之前的blog,有提到过Android端GB28181接入端的语音广播和语音对讲,今天主要从GB/T28181-2016官方规范和交互流程,大概介绍下Android平GB28181接入端的语音广播和语音对讲。
152 0
|
9月前
|
Android开发
Android底部弹窗的正确打开方式2
Android底部弹窗的正确打开方式
|
9月前
|
XML Android开发 数据格式
Android底部弹窗的正确打开方式1
Android底部弹窗的正确打开方式
|
10月前
|
数据可视化 Java Android开发
一个便捷操作的Android可视化规范检查
目前工具有九个功能,包含了,注释,类,方法,变量等基本的规范验证,如下图所示,当然也都是一些常见的规范功能检查,后续的话也会进行拓展,虽然此规范是按照我公司的标准去执行的,其实,Android嘛,大差不差,就那些规范,基本百变不离其宗,如果有不是很符合的,大家也可以在源码中进行更正为自己需要的就可以了。