Axure中想要制作動態步驟條效果,該怎么制作呢?下面我們就來看看詳細的教程。
1、打開Axure,今天教大家使用Axure制作動態步驟條效果,如下圖所示。

2、首先將本次需要使用的元件拖入到工作臺中,如下圖所示。

3、然后調整元件的大小和樣式,制作出如下圖所示的步驟條,如下圖所示。

4、同樣的方式,我們再制作出更多的步驟條,便于下面做動態效果使用,如下圖所示。

5、制作完成后,我們右擊其中一個步驟條,將其轉換為動態面板,如下圖所示。

6、然后復制出3個狀態,將其他的步驟條放到不同的狀態中,如下圖所示。

7、然后進入到步驟條中,給每一個按鈕做交互事件,如下圖所示。

8、同樣也給其他狀態中的步驟條里的按鈕做交互事件,如下圖所示。


9、最后f5預覽一下效果,如下圖所示。


以上就是Axure制作動態步驟條效果的教程,希望大家喜歡,請繼續關注武林網。
相關推薦:
新聞熱點
疑難解答
圖片精選