我們經常能在網頁中看到Tabpage頁,這是很長用的常用組件,下面我們就來看看使用axure制作的方法。
1、新建工程,在元件庫中找:矩形元件,拖放到工作區。然后按照下圖所示,按照順序對元件進行:變形,旋轉:
2、設置元件大小,并在選中元件后右鍵,將元件轉換為動態面板:詳細見下圖
3、按照圖示,對元件進行命名,狀態命名操作,名稱分別為 tab1、選中
4、進入選中狀態后,添加一個文本,設置為:tab1,然后選中狀態,右鍵進行“復制狀態”操作:
5、復制狀態后,對選中狀態進行文字、背景的設置,如下圖
6、復制三個“tab1”元件,并分別改變文字為:tab1/tab2/tab3,并命名,且將tab2/tab3的選中狀態置后:
7、再添加一個動態面板,置于選項卡的下方,在狀態1中添加一個圖像元件,并添加圖像。元件命名為:tabpage,然后復制狀態兩份,總計三份:
8、點擊選項卡1,在屬性中添加:鼠標單擊時,交互事件:
9、根據圖示,設置tab1/tab2/tab3的交互事件,添加思路:點擊tab1設置 tab1狀態為選中,其他為非選中,設置tabpage為頁面1,依次類推,進行設置:
10、預覽效果:
以上就是zxure標簽頁效果的制作方法,請繼續關注錯新站長站。
相關推薦:
axure8怎么制作tab菜單選中的效果?
Axure RP Pro 7.0怎么制作Tab標簽效果?
Axure8怎么制作彩色個性化的按鈕?
新聞熱點
疑難解答