Android 底部TabActivity(0)——开篇(界面分析|系列文章文件夹)

当下主流的软件没有一个统一明白的风格,App框架什么样的都有,但个人钟情于页面底部Tab分签架构,移动设备的屏幕尽管越来越大,可是显示的内容还是有限,为了能展示很多其它的内容,方便简洁的操作习惯中Tab架构是不二选择,分为顶部Tab和底部Tab。所以小山准备出一系列关于Tab的Blog,作为自己代码备份,也希望能帮到大家扩展开发思路,那就更是功德无量了。因为是Blog解说,代码尽量简单为好,不会大量的抽取重构,也尽量少使用资源文件,原理为中心。

看看当前比較经常使用的App中使用底部Tab的明星软件,先分析一下界面效果(标签内部的内容有更新推送会有角标提示,这里不作处理,以后文章可能会专门解说角标提示,尽请期待),扯点题外话吧,在開始做之前最后先心里有个数,不要蒙头上来一顿胡敲或一顿百度。。。要明白自己要做什么。

第一波Blog先来搞底部的Tab,好吧,啰嗦了半天,先看看流弊的界面效果吧。

1. 总体标签背景图片|颜色不变,通过改变单个子标签上的文字和图标来标识当前选中的标签(使用最多),这类标签个数一般3~5个:

1.1 QQ(V5.1.0)精简之后使用了3个标签与主流界面相比稍显突兀,使用扁平化风格图标显得纤细柔弱;

1.2 来往(V5.3.2)使用了深灰色的底板突出自己的特色,使用4个标签不拥不挤,图标用了卖萌的风格,占位恰到优点;

1.3 PPTV聚力(V4.0.5)和微信(V5.4)也使用了4个标签

背板使用接近于白色的浅色,搭配主流的扁平风,文字说明和标签的图标使用统一色调,这就是主流界面的基准;

1.4 淘宝(V4.9.3)使用了5个分页,加上纤细的图标总体也不认为拥挤。

2. 点击单个子标签背景改变,通过变亮或变暗凸显当前选中标签页(稍显过时,主流的扁平风格不使用这种style,可是个人更喜欢这种,比第1种类型更明显)

3. 文字底部加入选中标记,左右漂移滑动滑块来标记当前选中页

4. 简洁风格这里列出了两个比較文艺的App

4.1 仅仅有文字没有图标(一个)

4.2 仅仅有图标没有文字(Lofter)

5. 不规则标签

这类型非常多样子风格的,既然都说不规则了就不一一列举了,这里仅仅举例几个常见的

以中心为重点功能来分配分页,这类型最著名的应该是联通营业厅,可是后来居上喜马拉雅做的更美丽了,QQ空间和新浪微博是用户量最多的两款App。

6. 其它

密信是我做过最精(e)美(xin)的界面,对程序猿来说是一种摧残,可是对于用户就是一种视觉享受

这个底部Tab看似简单,细看一下,每一个Tab标签是有小角的,点击不论什么一个标签会联动左右两个压脚的效果

当初老板把Android和iOS界面使用了一套图片,这个非常让人受不了,尤其是对于程序猿,每一个平台控件的特性本就不同。。。

最后Android为了做效果自己定义了太多太多控件,哪怕是一像素线都须要精确,非常多小格子背景都是代码控制,由于不能拉伸。。。

最后的最后就是Android版本号未能上线,仅仅在測试组跑了几遍(因为公司重点所有转到MDM企业级产品,没精力上线Android仅仅上了iOS)。。。

我发誓,以后美工再做这么脑残的界面我宁可辞职。。。

界面分析到此为止,市面上的主流App也就这几种类型了,在稍后的文章中将使用代码一一实现这些风格的底部Tab!

Android 底部TabActivity(1)——FragmentActivity

Android 底部TabActivity(2)——ActivityGroup|顶部底部均有Tab标签之中的一个

Android 底部TabActivity(3)——ActivityGroup|顶部底部均有Tab标签之二

时间: 2024-12-08 12:02:34

Android 底部TabActivity(0)——开篇(界面分析|系列文章文件夹)的相关文章

app后端开发系列文章文件夹

一点废话 每个程序猿心中,都有一个大牛梦.我们在晨曦之光中敲击着代码,在寒冬覆雪中思考着0与1. 夏练三伏 冬练三九这说的就是我们这群[江湖]中人.在这里我们门派林立,C语言派历史悠久,在程序界就是嵩山少林.他们自视甚高.经常歧视JAVA与C++. 而JAVA与C++他们两派之间又经常互相瞧不起.更不说还有Python.C#.PHP.以及新秀GO等等,这些之间的恩怨情仇,非一言而能道清晰. 我仅仅是这个江湖中的一个小人物,或者还称不上人物,也不想去挑战天下名门,华山论剑而一战成名.仅仅想筚路蓝缕

MyBatis 源码分析系列文章合集

1.简介 我从七月份开始阅读MyBatis源码,并在随后的40天内陆续更新了7篇文章.起初,我只是打算通过博客的形式进行分享.但在写作的过程中,发现要分析的代码太多,以至于文章篇幅特别大.在这7篇文章中,有4篇文章字数超过了1万,最长的一篇文章约有2.7万字(含代码).考虑到超长文章对读者不太友好,以及拆分文章工作量也不小等问题.遂决定将博文整理成电子书,方便大家阅读. 经过两周紧张的排版,<一本小小的MyBatis源码分析书>诞生了.本书共7章,约300页.本书以电子书的形式发布,大家可自由

Spark SQL 源码分析系列文章

从决定写Spark SQL源码分析的文章,到现在一个月的时间里,陆陆续续差不多快完成了,这里也做一个整合和索引,方便大家阅读,这里给出阅读顺序 :) 第一篇 Spark SQL源码分析之核心流程 第二篇 Spark SQL Catalyst源码分析之SqlParser 第三篇 Spark SQL Catalyst源码分析之Analyzer 第四篇 Spark SQL Catalyst源码分析之TreeNode Library 第五篇 Spark SQL Catalyst源码分析之Optimize

Cocos2d-x 3.0 打造一个全平台概念文件夹

Cocos2d-x 3.0 打造一个全平台概念文件夹http:// www.eoeandroid.com/thread-328055-1-1.html

Android 底部TabActivity(0)——开篇(界面分析)

当下主流的软件没有一个统一明确的风格,App框架什么样的都有,但个人钟情于页面底部Tab分签架构,移动设备的屏幕虽然越来越大,但是显示的内容还是有限,为了能展示更多的内容,方便简洁的操作习惯中Tab架构是不二选择,分为顶部Tab和底部Tab.所以小山准备出一系列关于Tab的Blog,作为自己代码备份,也希望能帮到大家扩展开发思路,那就更是功德无量了.由于是Blog讲解,代码尽量简单为好,不会大量的抽取重构,也尽量少使用资源文件,原理为中心. 看看当前比较常用的App中使用底部Tab的明星软件,先

Android 底部TabActivity(2)——ActivityGroup

今天这篇文章记述一下页面顶部底部上下均有Tab标签页的特殊需求!使用了过时的ActivityGroup. 再看一下整个Project的结构,如下 下面逐一介绍一下实现过程,一贯风格,具体实现还是看注释吧,代码也不是很多,就不啰嗦了. step1:首先是主界面MainActivity.java package sun.geoffery.tabtopbottom; import android.app.ActivityGroup; import android.content.Intent; imp

关于Android中图片大小、内存占用与drawable文件夹关系的研究与分析

从上一篇文章<Android屏幕适配全攻略>写完之后,经常会有朋友问我这个问题:"能不能一个App只提供一套切图适应所有的分辨率呢?"我觉得有必要写一篇文章来研究一下这个问题,所以就有了这篇文章. 研究内容 研究方法 测试环境 研究过程 结果分析 结论 另外一个难以解释的问题 研究内容 本篇内容主要探讨以下场景:同一张图片,放置在不同的drawable文件夹,在同一设备上运行,对图片大小及内存占用有什么影响. 研究方法 控制变量法 分析法 测试环境 采用锤子T1手机(108

【Spark SQL 源码分析系列文章】

从决定写Spark SQL源码分析的文章,到现在一个月的时间里,陆陆续续差不多快完成了,这里也做一个整合和索引,方便大家阅读,这里给出阅读顺序 :) 第一篇 Spark SQL源码分析之核心流程 第二篇 Spark SQL Catalyst源码分析之SqlParser 第三篇 Spark SQL Catalyst源码分析之Analyzer 第四篇 Spark SQL Catalyst源码分析之TreeNode Library 第五篇 Spark SQL Catalyst源码分析之Optimize

【Android】14.3 浏览手机中的所有文件夹和文件

分类:C#.Android.VS2015: 创建日期:2016-02-27 一.简介 前面我们了解了内部存储.外部存储的含义,用一句话说,内部存储实际上是保存在"data"文件夹下,外部存储(SD卡)实际是保存在"sdcard"或者"storage"文件夹下. 这个例子演示如何将这些内部存储和外部存储的文件夹及其子文件架下的文件全部显示出来,类似于树形结构一层一层地向下看(例子没有实现返回上层的功能,或者说,仅仅实现了Android自带的文件浏览