HIG:Views - Scroll Views

自上次參加完回音分享會后,我下定決心要洗心革面乖乖打基礎,于是開啟了這個part,爭取兩個月不間斷更新,寫完Material Design與iOS中的組件(順便學學英語),以便今后在使用的時候完全不虛

Scroll Views

Human Interface Guidelines鏈接:Scroll Views

Scroll View

Scroll View允許用戶瀏覽大于可見區(qū)域的內(nèi)容,例如文檔中的文本或圖像collection。?

隨著人們輕掃,輕彈,拖動,點按和捏動,scroll view會跟隨手勢,以自然的方式展示或縮放內(nèi)容。 Scroll view本身沒有外觀,但在人們與其交互時顯示瞬態(tài)scrolling indicators。 Scroll view也可以配置為以分頁模式運行,這時scroll顯示一個全新的內(nèi)容頁面,而不是在當前頁面上移動(如紅板報)。

紅板報

使用時注意

·適當?shù)刂С挚s放行為。

如果對app有用,請支持捏或雙擊來放大和縮小。啟用縮放時,請設置合理的最大和最小比例值。例如,放大文本直到單個字符填滿屏幕可能在大多數(shù)app中沒有意義。


·考慮在scroll view處于分頁模式時顯示頁面控制元素

頁面控件顯示有多少頁面,屏幕或其他內(nèi)容塊是可用的,并指示哪一個當前可見。如果顯示scroll view時顯示頁面控件,請禁用同一軸上的scrolling indicator以避免混淆。


·不要在另一個scroll view中放置scroll view

這樣做會產(chǎn)生難以控制的且難以預料的界面。


·一般來說,一次顯示一個scroll view

滾動時人們經(jīng)常做出大滑動手勢,并且很難避免與同一屏幕上的鄰近scroll view進行交互。如果您需要在一個屏幕上放置兩個scroll view,請考慮允許它們沿不同方向滾動,這樣一個手勢就不太可能影響兩個視圖。例如,當iPhone處于縱向時,股市app會顯示垂直滾動顯示沿水平滾動的公司特定信息的股票報價。

股市
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容