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 条评论
登录 后参与评论

相关文章

来自专栏vue学习

11、组件入门及写个首页头部组件

前言:项目准备工作说了很久,不知道大家学会了没有?今天开始我们开始正式搭建页面,先从首页开始,在搭建页面的过程中,我也会将vue的知识点在其中穿插讲解,但是你最...

862
来自专栏前端新视界

React 系列教程 1:实现 Animate.css 官网效果

这是 React 系列教程的第一篇,我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子,...

510
来自专栏前端黑板报

小程序-获取多个formId

如同上面的几行代码,只要你点击登录按钮,就能提交一次表单,也能获取一次formId,但是想要实现点击一次提交多次,光靠复制这几行代码,貌似还不行,无论是缩小按钮...

1433
来自专栏崔庆才的专栏

腾讯云上Winpcap网络编程三之ARP协议获得MAC地址表

Winpcap提供了一个强大的编程接口,它很容易地在各个操作系统之间进行移植,也很方便程序员进行开发。这里我们直接进入正题吧,关于Winpcap的基础知识讲解这...

3130
来自专栏红色石头的机器学习之路

Jupyter notebook入门教程(下)

Jupyter notebook的入门教程第二部分的英文原文出处: Getting started with the Jupyter notebook (p...

2480
来自专栏along的开发之旅

Android逆向分析概述

学习逆向的初衷是想系统学习Android下的hook技术和工具, 想系统学习Android的hook技术和工具是因为Android移动性能实战这本书. 这本书里...

4184
来自专栏北京马哥教育

黑客用Python:检测并绕过Web应用程序防火墙

Web应用防火墙通常会被部署在Web客户端与Web服务器之间,以过滤来自服务器的恶意流量。而作为一名渗透测试人员,想要更好的突破目标系统,就必须要了解目标系统的...

801
来自专栏mini188

技术笔记:Indy的TIdSMTP改造,解决发送Html和主题截断问题

使用Indy来发邮件坑不少啊,只不过有比没有好吧,使用delphi6这种老工具没办法,只能使用了新一点的Indy版本9,公司限制。。。 1、邮件包含TIdTex...

1806
来自专栏along的开发之旅

Android逆向分析概述

学习逆向的初衷是想系统学习Android下的hook技术和工具, 想系统学习Android的hook技术和工具是因为Android移动性能实战这本书. 这本书里...

923
来自专栏图像识别与深度学习

2018-04-30项目遇到的问题及处理方法

1444

扫码关注云+社区