Axure RP9教程 列表滾動

列表是PC及移動端比較常見的一種控件,我們通常會遇到一個列表,表頭非常多,在顯示器中無法顯示完整,這時候我們就需要一種簡單的滾動效果來實現它;還有一種就是分頁大小操作一屏顯示的時候我們也需要用到縱向滾動條。

二、案例演示

沒有滾動條效果:

Axure RP9教程 列表滾動

從這裏我們明顯看到沒有滾動條的時候,分頁大小超過外部矩形範圍時,頁面會自動撐開,體驗非常不好。

設置滾動效果

Axure RP9教程 列表滾動

我們可以看到設置滾動條之後,列表的範圍沒有超出外部矩形框,那麼這樣一種效果怎麼來實現,這裏我們將會用到動態面板的兩個屬性來實現。

三、操作説明

在畫布添加一個列表及外部矩形框,使列表中內容大於外部矩形框高度;

將列表創建動態面板,並將列表屬性縱向滾動,將調整大小以適合內容默認勾選取消;

Axure RP9教程 列表滾動

在調整動態面板的寬高,使動態面板與外部矩形切合。

總結:這樣用例的實現實際上就是應用了動態面板的兩個屬性來實現,分別為滾動方向、取消調整大小以適合內容

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 407 字。

轉載請註明: Axure RP9教程 列表滾動 - 楠木軒