一、效果
展示效果如下:
二、繪制元件
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、為中繼器“頁面”【載入時】、【每項加載】事件添加動作,詳細動作見圖:
承擔因您的行為而導(dǎo)致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。