說明:
通過拖動滾動條將面板中的內(nèi)容顯示。這是我們常見到設(shè)計(jì)。任何一個網(wǎng)頁超過一屏?xí)r都需要滾動條進(jìn)行拖動顯示更多的內(nèi)容。這個在axure中如何實(shí)現(xiàn)呢?其實(shí)很簡單,只需要使用一個控件 Inline Frame,不需要任何的動態(tài)面板。
實(shí)現(xiàn)使用到的action:
將一個內(nèi)容頁面“鏈接”到這個控件。
實(shí)現(xiàn)思路:
1、制作一個頁面,將要顯示的內(nèi)容放在這個頁面中。
2、拖動一個Inline Frame。雙擊這個控件,設(shè)置“link to a page this design”到第1步制作的頁面中。
這樣就實(shí)現(xiàn)了這個功能。
為了美觀你可以將控件的邊框去掉,右擊控件”edit inline frame->toggle border。
另外默認(rèn)情況下是有橫豎滾動條的,你可以設(shè)置根據(jù)內(nèi)容顯示滾動條,或從不顯示滾動條。因此,根據(jù)“內(nèi)容顯示滾動條”這一選項(xiàng)就可以任由你想實(shí)現(xiàn)的是橫滾動還是豎滾動了。右擊控件“edit inline frame->show scrollbars as needed”.
要點(diǎn):
1、想使用這個Inline Frame控件就需要再做另一個頁面用來嵌套在這個控件中。
2、設(shè)置滾動條的狀態(tài)。
axure 設(shè)計(jì)實(shí)例下載: