使用Axure實現Accordion(手風琴)效果
啟動Axure RP 1. 打開Axure RP軟件并創(chuàng)建一個新的項目。 添加一級目錄項目 2. 在頁面上添加一個矩形(Rectangle),作為第一個一級目錄項目,并命名為"First"。
啟動Axure RP
1. 打開Axure RP軟件并創(chuàng)建一個新的項目。
添加一級目錄項目
2. 在頁面上添加一個矩形(Rectangle),作為第一個一級目錄項目,并命名為"First"。
添加中繼器
3. 添加一個中繼器(Repeater),并命名為"Repeater"。
轉換中繼器為動態(tài)面板
4. 將中繼器轉化成動態(tài)面板(Dynamic Panel),并命名為"SecondLevel"。
編輯動態(tài)面板
5. 雙擊進入動態(tài)面板"SecondLevel",然后雙擊進入默認的狀態(tài),并再次雙擊進入中繼器的主頁。
修改中繼器內容
6. 刪除原有內容,然后添加一個矩形(Rectangle),并命名為"id2"。
設置中繼器交互
7. 在下方選擇中繼器數據集(Repeater Dataset),在其中創(chuàng)建兩個列,并分別命名為"id1"和"id28"。
設置中繼器行為
8. 切換到中繼器交互(Repeater Item Interactions),設置"OnItemLoad"用例1,將文本框"id2"的內容設置為"[[]]"。
為一級目錄添加事件
9. 回到矩形"First"所在頁面,準備為其添加單擊事件。
以上是使用Axure實現Accordion(手風琴)效果的步驟。通過創(chuàng)建矩形、中繼器和動態(tài)面板,以及設置中繼器的數據集和交互行為,可以實現手風琴效果。