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