android 面包屑控件,重新认识控件（一）【面包屑导航】

最近的项目中，纠结了一下面包屑的使用。于是研究了一下这个“古老”的控件

什么是面包屑导航

网页上让用户感知，当前页面所在的层级位置，或者是产品的属性之间的关系的控件

面包屑的一般样式是用链接文字加上“>”,横向排布。也有一些其他的样式

这里用到了“感知”，就是说面包屑导航不会是页面中最显眼的地方，它只是一定程度上帮助用户理解网站的结构和属性的从属关系

面包屑的分类

1.用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和包含关系的，只要这几个页面本身存在线性跳转关系

2.用于表明产品属性之间的所属关系和当前页所在的位置，这些属性是存在所属和包含关系的

3.用于显示用户的操作路径和历史(国外的一些文章有这么说的，但我没有找到对应的网站……)

面包屑的作用

1.表明当前页面所处的位置，感知产品属性之间的所属关系

2.方便跳转到之前的页面

3.总体上是作为主导航的补充

面包屑的使用

不是所有网站都需要使用的

1.信息层级很扁平的可能不需要。这也是面包屑在移动产品中被废弃了的原因之一

2.不存在线性的页面关系

3.有其他替代面包屑功能的东西比如：进度指示条

主要出现在页面的左上方，主导航的下方

面包屑的“变种”

进度指示条

用于表明页面处于任务步骤中的位置

并且一般头部的区域是不可点击进行跳转的，只是用于指示作用

带有导航，筛选项(facets search)和搜索框的复合性面包屑

这种“变种”面包屑的优点是

方便在上一个层级的页面中跳转

方便在当前的层级下进行筛选和搜索

面包屑的应用现状

移动产品和社交产品几乎看不到面包屑，

原因1：当前的产品设计趋势都是将信息的层次结构扁平化，尽可能将各种模块平铺，使信息结构的广度增加，减少纵向的深度

原因2：社交类站，相对于大型电商类和内容类网站，其层级的复杂度相对较低

原因3：移动设备屏幕小了，寸土寸金，它的作用价值较低，就把它剔除了

电商类和内容类网站也只有在部分页面会出现

当然它不会出现在首页，一般它会出现在二级频道页的下一个层次的页面

比如，在京东首页，点击进入了【生活家电】频道页，在频道页点击了净化器后，你就能看到面包屑了

比如，在爱奇艺，点击进入了【动漫】频道页，在频道页点击了《猫和老鼠》后，你就能看到面包屑了

面包屑的猜想

移动端不用面包屑用的好好的，较复杂的网站是否也可以完全不使用面包屑？

面包屑和页面标题里的内容有重复，是否可以消除这里的信息冗余，让信息得到完美的利用？

android 面包屑控件,重新认识控件（一）【面包屑导航】相关推荐

android 下拉刷新组件,android系统自带下拉刷新控件的实现
android系统自带的下拉刷新控件SwipeRefreshLayout位于android.support.v4.widget包下,实现步骤如下: 1.在布局文件中添加该控件,该控件一般作为父控件,而 ...
android富文本图片自适应,Android 图片混排富文本编辑器控件
一.一个Android 图片混排富文本编辑器控件(仿兴趣部落) 1.1 图片混排富文本控件是一种图片和文字混合在一起的控件,文本之间可以插入图片,类似于网页的排版样式. 1.2 该控件主要是仿兴趣部 ...
android 固定底部布局_Android系统列表控件
在android系统控件中,有多个控件可以展示列表数据. 一.ListView 该组件是android中最常用的一个UI组件,用于实现在屏幕上显示多个内容,以便于我们用手指进行滑动. ListView ...
android让一个控件跟上面控件对其,学个明白--Android控件架构
Android控件架构 1.什么是View? View是Android中所有控件的基类.View是界面层的控件的一种抽象,它代表了一个控件.在Android中每个控件都会在界面中占得一块矩形的区域.在 ...
[html] 怎样去除iOS和Android中的输入URL地址的控件条呢？
[html] 怎样去除iOS和Android中的输入URL地址的控件条呢? setTimeout(scrollTo,0,0,0); 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚 ...
android 控件覆盖关系,安卓子控件抢占父控件点击事件或者焦点问题
开发中很常见的一个问题,项目中的lListview不仅仅是简单的文字,常常需要自己定义listview,自己的Adapter去继承BaseAdapter,在adapter中按照需求进行编写,问题就出现 ...
Android 动态创建控件并设置控件的大小之Android屏幕适配攻略（五）
Android 屏幕适配攻略(五)动态创建控件并设置控件的大小题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息 flutter中网络请求dio使用分析视频 ...
Android 图片混排富文本编辑器控件
概述一个Android 图片混排富文本编辑器控件(仿兴趣部落) 详细代码下载:http://www.demodashi.com/demo/12032.html 一.一个Android 图片混排富文 ...
android listview添加数据_Android系统列表控件
在android系统控件中,有多个控件可以展示列表数据. 一.ListView 该组件是android中最常用的一个UI组件,用于实现在屏幕上显示多个内容,以便于我们用手指进行滑动. ListView ...
php支付密码控件,Android高仿微信支付密码输入控件实例代码
这篇文章主要为大家详细介绍了Android高仿微信支付密码输入控件的具体实现代码,供大家参考,具体内容如下像微信支付密码控件,在app中是一个多么司空见惯的功能.最近,项目需要这个功能,于是乎就实现 ...

android 面包屑控件,重新认识控件（一）【面包屑导航】

android 面包屑控件,重新认识控件（一）【面包屑导航】相关推荐

最新文章

热门文章