iOS12界面设计指南之视图(Views)–滚动视图(Scroll Views)

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

 

滚动视图主要被用户用来去浏览那些像文档中的文本,集合中的图像等比显示区域要大的内容。当用户进行翻阅,轻击,拖拽,点击以及缩放等交互行为时,滚动视图会随之进行放大缩小等与之对应的变化。滚动视图本身没有可视化界面,但是其会随着用户的滚动显示滚动条。同时滚动视图也可以被设置为页面模式,此时滚动视图便可以以页面翻转的形式进行新旧页面间的切换。

恰当的支持缩放交互行为(Support zoom behavior appropriately. )在确保有意义的前提下,支持用户通过缩放或双击进行缩放。当滚动视图的缩放选项被打开时,设置比较合适的最大及最小值。例如,放大文本直到一个单一的字符充满整个屏幕即使其可能对于大部分应用来说是没有意义的。

当滚动视图处于页面模式时考虑显示页面控制元素(Consider showing a page control element when a scroll view is in paging mode. )页面元素通常会显示有多少页面,多少屏,或者多少数量的内容是当前可用及可见的。如果你在滚动视图中显示页面控制元素,则需要关闭滚动视图中的滚动条以免为用户带来困扰。

不要再一个滚动视图中放置另一个滚动视图(Don’t place a scroll view inside of another scroll view. )这样做带来的后果主要为会产生一个不可预期的用户界面从而控制起来会变得非常困难。

一般来说,同一时刻只显示一个滚动视图(In general, display one scroll view at a time. )用户经常会在滚动时使用非常大幅度的动作,如此便会非常难以避免在同一屏幕中对相邻的滚动视图进行交互操作。所以如果你需要在一个屏幕中放置两个滚动视图时,尽量考虑允许它们在不同的方向进行滚动,如此可能对其相互间的影响是最小的。例如,当iPhone处于水平方向时,股票类应用程序会在垂直方向支持滚动来展示特定公司的股票行情。