iOS12界面设计指南之视图(Controls)–页面控件(Page Controls)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

页面控制显示了当前页面在一个页面序列中所处的位置。其以一系列的小型指示圆点进行展示,代表一系列可用页面的顺序。实心点代表当前页面。从视觉层面上来看,这些点都是等距的,如果过多会被剪掉。用户可以点击上一个或下一个页面控件来访问上一个或下一个页面,但是无法通过点击特定的点来显示特定的页面。 导航也总是按顺序发生,通常顺着手势扫动的方向。

不要在分级页面中使用页面控件(Don’t use a page control with hierarchical pages.)页面控件不会显示页面是如何关联的,或指示哪一页对应于哪个点。这种类型的控件是为彼此之间有关联的页面而设计的。

不要显示太多的页面(Don’t display too many pages. )超过10个点会很难一目了然,超过20个开放的页面加载起来是非常耗时的。如果你的应用程序需要显示超过20页,考虑使用一个不同的安排,如一个网格。

页面控制中心在屏幕的底部(Center page controls at the bottom of the screen.)页面控件应该始终居中并定位在内容的底部和屏幕的底部之间。这样既可以使它可见,也不会阻碍其它页面内容。