利用中繼器實現(xiàn)菜單及tab頁簽聯(lián)動的展示
發(fā)布時間:2022-03-15 09:45 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 1799

一、效果

展示效果如下:

二、繪制元件

1、【中繼器1】:命名為“菜單”,將中繼器中的矩形命名為“菜單矩形”,矩形大小設(shè)置為230*184。備選數(shù)據(jù)的列:id,menu,url。

添加的備選數(shù)據(jù)如下:

2、【中繼器2】:命名為“頁簽”,將中繼器中的矩形為“頁簽矩形”,矩形大小設(shè)置為120*30。備選數(shù)據(jù)的列:id,menu。不設(shè)置備選數(shù)據(jù)。設(shè)置矩形“頁簽矩形”的交互樣式:選中設(shè)置為紫色背景,白色字體。

3、【形狀】:命名為“關(guān)閉”。大小設(shè)置為15*15。

4、【中繼器3】:命名為“頁面”,將中繼器中的矩形為“頁面矩形”,矩形大小設(shè)置為1200*800。備選數(shù)據(jù)的列:id,url,sort。不設(shè)置備選數(shù)據(jù)。

三、添加全局變量

添加三個全局變量sort、id、ids。中繼器交互時使用。

四、添加交互

1、為中繼器“菜單”【每項加載】事件添加動作,詳細動作見圖:

為中繼器“菜單”中的矩形“菜單矩形”【單擊時】事件添加動作,詳細動作見圖:

2、為中繼器“頁簽”【每項加載】事件添加動作,詳細動作見圖:

為中繼器“頁簽”中的矩形“頁簽矩形”【單擊時】事件添加動作,詳細動作見圖:

3、為形狀“關(guān)閉”【單擊時】事件添加動作,詳細動作見圖:

4、為中繼器“頁面”【載入時】、【每項加載】事件添加動作,詳細動作見圖:

Axure8.0視頻教程
我要自學(xué)網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導(dǎo)致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC