Axure想要制作橫向標簽頁效果,該怎么制作橫向標簽頁呢?下面我們就來看看詳細的教程。
1、打開Axure,今天教大家使用Axure制作橫向標簽頁效果,如下圖所示。
2、首先我們準備本次要使用的元件,從元件庫中拖入到工作臺中,如下圖所示。
3、然后我們通過調整矩形的大小及樣式,制作出如下圖所示的效果,并對每一個按鈕進行命名,如下圖所示。
4、然后我們在通過動態(tài)面板建立一個展示內容的區(qū)域,并復制出三個State狀態(tài),如下圖所示。
5、下面開始給每一個按鈕加一些交互效果,比如鼠標懸停效果及選中效果等,如下圖所示。
6、最后我們再給每一個按鈕加入交互事件,當鼠標單擊時,切換動畫面板的狀態(tài)頁,如下圖所示。
7、最后我們F5預覽一下效果,點擊各個選項卡的按鈕,下面的顯示內容會進行變化,如下圖所示。
以上就是Axure設置橫向標簽頁效果的教程,希望大家喜歡,請繼續(xù)關注武林網(wǎng)。
相關推薦:
新聞熱點
疑難解答
圖片精選