在Axure中,你可以使用交互動作和狀態來實現左右滑動切換圖片的功能。以下是實現該功能的步驟:
- 創建一個Dynamic Panel(動態面板)來容納圖片。選擇Dynamic Panel并將其命名為“Slider”。
- 在Dynamic Panel中添加所有要切換的圖片。你可以在“States”選項卡中添加不同的狀態,并將每個狀態設置為不同的圖片。
- 創建兩個按鈕,一個用于向左滑動,一個用于向右滑動。你可以使用Button(按鈕)部件來創建這些按鈕。
- 選擇向左滑動按鈕,然后在“交互”選項卡中選擇“單擊”交互動作。在交互動作窗口中,選擇“Set Panel State”(設置面板狀態)。
- 在“Set Panel State”窗口中,選擇“Slider”作為目標,然后選擇要切換到的上一個狀態。點擊“OK”保存設置。
- 選擇向右滑動按鈕,然后在“交互”選項卡中選擇“單擊”交互動作。在交互動作窗口中,選擇“Set Panel State”(設置面板狀態)。
- 在“Set Panel State”窗口中,選擇“Slider”作為目標,然后選擇要切換到的下一個狀態。點擊“OK”保存設置。
現在,當你單擊向左或向右滑動按鈕時,面板狀態將相應地切換,從而實現左右滑動切換圖片的效果。你可以預覽并測試該功能,確保它按預期工作。