Human Interface Guidelines —— Page Controls

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Page Controls

Human Interface Guidelines链接:Page Controls

Page Control

Page Control显示当前页面在一组水平页面中的位置。 它显示为一系列小指示点,用来表示将按照顺序打开的可用页面。 

实心点表示当前页面。 从视觉上来说,这些点总是等距离的,并且如果在屏幕上显示太多,则会被剪切。 用户可以点击 page control 的前端或后端来访问下一页或上一页,但是他们无法点击特定的点以访问特定的页面。 导航总是按顺序进行,通常是将页面从一边滑入滑出。

使用时注意

·不要使用page control展示具有次级页面的页面

Page control不显示页面如何关联指示或者哪个页面对应于每个点。 这种类型的控件设计用于同等地位的页面。

·不要显示太多页面

超过10个点几乎难以一眼就知道个数,超过20个的打开页面按顺序访问非常耗时。 如果您的app需要同时显示20多页,请考虑使用不同的排列方式(如grid),以实现非顺序导航。

·Page Control应在屏幕底部居中

Page Control应始终居中并位于内容底部和屏幕底部之间。 这使它可见,不会挡住内容。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏CSDN技术头条

有关网页渲染,每个前端开发者都该知道的那点事

【编者按】其实,有关网页渲染的文章很多,但是相关信息比较分散,且论述并不是很完整。如果要想对这个主题有个大致的了解,我们还得学习很多知识。因此,Web开发者Al...

2008
来自专栏HTML5学堂

HTML5项目开发备忘录

HTML5学堂:良好的项目开发,从缜密的分析与计划开始,充分的项目开发准备能够让之后的问题降低到最少,让我们的整体开发效率提升不少。精心准备了关于项目开发的相关...

3875
来自专栏娱乐心理测试

Ios常用第三方框架(一)

2093
来自专栏HTML5学堂

前端特效开发 | JS实现聚光灯看图效果

HTML5学堂(码匠):昏暗的场景下,查看任何的图片、效果都会给人不适的感觉,所以人们往往喜欢在明亮的场景中来体验世界的美好。 对于前端开发来说,想要让用户能在...

3965
来自专栏Google Dart

AngularDart Material Design 单选按钮 顶

具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。

1272
来自专栏数据小魔方

office颜色配置技巧与自定义颜色主题

上一篇给大家介绍了基础的色彩知识,今天要跟大家简单介绍一下office(office系列所有套件的调色板是通用的)办公软件的内置色板的使用技巧以及如何自定义颜色...

3617
来自专栏AndroidTv

一起撸个简单粗暴的Tv应用主界面的网格布局控件(下)

上一篇中我们已经一起学了怎么简单粗暴的撸个支持动态布局的网格控件出来,但在上一篇的介绍中,并没有学习实现网格控件的滑动效果,所以本篇就来讲讲,要如何让我们的网格...

3448
来自专栏Coco的专栏

【Web动画】CSS3 3D 行星运转 && 浏览器渲染原理

1827
来自专栏吴小龙同學

Android 8.0 自适应图标

61210
来自专栏IMWeb前端团队

[小技巧]巧妙使用flex, letter-spacing实现过渡动画

本文作者:IMWeb DeepKolos 原文出处:IMWeb社区 未经同意,禁止转载 巧妙利用flex, 实现下面的效果~ 无需js来获取clien...

1847

扫码关注云+社区