axure製作動態切換標籤頁

Axure的版本8.0

一、實現的功能及展示效果:標籤頁切換;

二、元件搭配

1、Box;

2、動態面板;

三、實現邏輯
1、選擇標籤1展示面板1;
2、選擇標籤2展示面板2;

四、操作步驟
1、將動態面板拖入界面,並給動態面板設置兩種狀態”標籤1“和”標籤2“;

雙擊動態面板打開設置狀態界面;

2、雙擊”標籤頁1“,進入到編輯界面,拖入兩個Box,分別命名爲”標籤頁1“和”標籤頁2“,給”標籤頁1“設置藍色背景;

3、設置標籤頁1的單擊事件,單擊標籤頁1時展示”標籤頁1“面板;

4、設置標籤頁2的單擊事件,單擊標籤頁2時展示”標籤頁2“面板;

5、將標籤頁1設置好的內容複製到標籤頁2動態面板編輯界面;

至此標籤頁動態切換製作完成。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章