AXURE后臺框架

今天，教大師若何做一個框架，包含三級菜單和標簽頁兩部門內容，以及他們之間彼此交互的內容。

在線演示地址：https://axhub.im/pro/b38b78fd26ab7c1f/#g=1&p=%E4%B8%89%E7%BA%A7%E8%8F%9C%E5%8D%95_%E6%A0%87%E7%AD%BE%E9%A1%B5

原型下載：留下你的郵箱或微信(可以寫在我有疑問那邊)

結果介紹：

1、左邊菜單欄，最多有三級菜單，可以經由過程菜單中繼器維護，利用便利。

2、點擊菜單，若是有子菜單會睜開或收起子菜單；若是沒有子菜單，主動新增標簽頁，并打開對應頁面。（不會反復生當作標簽）。

3、點擊分歧的標簽頁，切換分歧的頁面。

4、刪除所有標簽頁，主動跳轉到首頁。

利用方式：

本模板利用簡單，已建造好交互結果，只需要填寫“菜單中繼器”的內容即可直接利用。

menu1：填寫一級菜單的名稱

menu2：填寫二級菜單的名稱（需要在一級菜單處先寫該二級菜單的一級菜單名稱）

menu3：填寫三級菜單的名稱（需要在一、二級菜單處先寫該三級菜單的一、二級菜單名稱）

picture：菜單文字前面的圖標，可上傳圖片。

see：1位載入時可見，0為埋沒。一般只有一級菜單填1，其他為0

xiala：若是有子菜單，填1；若是沒有，填0。

xuan：填寫默認值0即可

jinyong：填寫默認值0即可

東西/原料

axure軟件

方式/步調

1
用中繼器建造三級菜單
1.設置中繼器內的表格，如下圖所示
menu1：填寫一級菜單的名稱
? ?menu2：填寫二級菜單的名稱（需要在一級菜單處先寫該二級菜單的一級菜單名稱）
? ?menu3：填寫三級菜單的名稱（需要在一、二級菜單處先寫該三級菜單的一、二級菜單名稱）
? ?picture：菜單文字前面的圖標，可上傳圖片。
? ?see：1位載入時可見，0為埋沒。一般只有一級菜單填1，其他為0
? ?xiala：若是有子菜單，填1；若是沒有，填0。
? ?xuan：填寫默認值0即可，既下拉箭頭標的目的下。若是需要默認打開下拉菜單，箭頭標的目的右，填1.
? ?jinyong：填寫默認值0即可，用于判定是否選中。
2
2.中繼器材料
三個組合：1級組合（文本標簽+矩形+圖片+下拉標記）、2級組合（文本標簽+矩形+圖片+下拉標記）、三級組合（文本標簽+矩形+圖片）
3.中繼器內邏輯
點擊一級菜單：
收起狀況：若是有子菜單打開子菜單，若是沒有子菜單，若是沒有子菜單，打開該名稱的頁面。
睜開狀況：收起子菜單。
點擊二級菜單:
收起狀況：若是有子菜單打開子菜單，若是沒有子菜單，若是沒有子菜單，打開該名稱的頁面。
睜開狀況：收起子菜單。
點擊三級菜單，打開該名稱的頁面。
具體邏輯如下圖所示：
3
二、用中繼器建造標簽頁
1.設置中繼器內的表格，如下圖所示
column0：標簽頁名稱，默認給一個首頁
xuanzhong：1打開對應頁面，0不打開
4
2.中繼器材料
1個都雅的標簽矩形+刪除x外形
3.中繼器內邏輯
點擊標簽矩形，打消選中其他標簽。選中該標簽并打開對應頁面。
點擊x，刪除該標簽，主動選擇下個標簽，并打開選中標簽的頁面。若是所有標簽被刪除，主動生當作一個首頁標簽，并打開首頁。
具體邏輯如下圖所示：
5
三、建造對應頁面
頁面名稱要和菜單中繼器內名稱不異（沒有子菜單的菜單），然后在對應頁面建造對應內容即可。
6
四、建造菜單與標簽頁的交互
點擊沒有子菜單的菜單時，記實該菜單文字，判定是否有該標簽頁，若是有，選中并打開該標簽頁，若是無，新建標簽頁并打開對應頁面。
具體邏輯如下圖所示：

發表于 2019-11-01 20:01
閱讀 ( 805 )
分類：其他類型