axure怎么制作多選樹效果? axure多級菜單的制作方法
我要評論axure中用一個中繼器實現(xiàn)多選樹的效果。比如多級菜單，該怎么制作呢？下面我們就來看看axure制作三級菜單的教程。
1、添加中繼器:在中繼器里放入下拉符號和多選框
2、設置中繼器：
type：分1、2、3三個級別，1表示一級（如廣東?。?，2表示二級（如廣東省—廣州市），3表示（廣東省-廣州市-海珠區(qū)）。
memu1：表示第一級菜單
memu2：表示第二級菜單
memu3：表示第三級菜單
xiala：1表示有下拉符號，0表示沒有下拉符號
see：1表示可見，0表示隱藏
xuan：下拉符號的方向，0向右，1向下
xuanzhong：1表示選擇，0表示未選中
3、設置中繼器載入時交互事件。添加篩選[[Item.see=='1']]：篩選出see為1（可見）的行
4、設置中繼器每項加載時交互事件
1）設置多選框文本和位置
如果是一級菜單，設置多選框文字=memu1
如果是二級菜單，設置多選框文字=memu2，并且移動下拉符號和多選框組合向右移動20
如果是三級菜單，設置多選框文字=memu3，并且移動下拉符號和多選框組合向右移動40
2）設置下拉符號
如果xiala=0，隱藏下拉符號。
如果xuan=0，下拉符號向右，表示收起下級菜單
如果xuan=1，下拉符號向上，表示打開下級菜單
3）設置選中
如果xuanzhong=1，選中該行多選框。
5、設置下拉符號鼠標單擊時事件
如果xuan=0，更新行this，列xuan=1。設置文本1級文本標簽=memu1，2級文本標簽=memu2，出發(fā)鼠標單擊展開按鈕。
如果xuan=1，更新行this，列xuan=0。設置文本1級文本標簽=memu1，2級文本標簽=memu2，出發(fā)鼠標單擊收起按鈕。
6、設置展開按鈕鼠標單擊時事件
如果2級文本標簽為空，更新行條件[[Item.type=='2'&&Item.memu1==a]]，更新see=1
如果2級文本不為空。更新行條件，[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]]，更新see=0
7、設置收起按鈕鼠標單擊時事件
如果2級文本標簽為空，更新行條件[[Item.type!='1'&&Item.memu1==a]]，更新see=0，xuan=0
如果2級文本不為空。更新行條件，[[Item.type=='3'&&Item.memu1==a&&Item.memu2==b]]，更新see=0
8、設置多選框事件
選中時，更新行this，列選中=1，設置文本1級文本標簽=memu1，2級文本標簽=memu2，type文本標簽=type，觸發(fā)鼠標單擊選中按鈕的事件。
取消選中時，更新行this，列選中=0，設置文本1級文本標簽=memu1，2級文本標簽=memu2，type文本標簽=type，觸發(fā)鼠標單擊取消選中按鈕的事件。
9、設置選中按鈕鼠標單擊時事件
如果type文本標簽=1，更新行條件[[Item.memu1==a]]，更新xuanzhong=1。
如果type文本標簽=2，更新行條件[[Item.memu1==a&&Item.memu2==b]]，更新xuanzhong=1。
10、設置取消選中按鈕鼠標單擊時事件
如果type文本標簽=1，更新行條件[[Item.memu1==a]]，更新xuanzhong=0。
如果type文本標簽=2，更新行條件[[Item.memu1==a&&Item.memu2==b]]，更新xuanzhong=0。更新行條件[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']]，更新xuanzhong=0
如果type文本標簽=3，更新行條件[[Item.memu1==a&&Item.memu2==b&&Item.memu3=='']]，更新xuanzhong=0。更新行條件[[[Item.memu1==a&&Item.memu2==''&&Item.memu3=='']]，更新xuanzhong=0
11、取消選中按鈕、選中按鈕、收起按鈕、展開按鈕、1級文本標簽、2級文本標簽、type文本標簽設置為隱藏。
以上就是axure多級菜單的制作方法 ，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
相關文章
Axure怎么制作計算三角函數(shù)正切余切弧度的工具?
Axure怎么制作計算三角函數(shù)正切余切弧度的工具？經(jīng)常需要計算三角函數(shù)，想要制作一個計算三角函數(shù)正切與余切弧度的工具，可以使用axure實現(xiàn)，下面我們就來看看詳細的教程，2019-10-25
Axure怎么制作英文字母大小寫轉換器？經(jīng)常能遇到需要將大寫字母轉換成小寫字母的問題，這時候，我們就可以使用axure制作一個英文字母轉換器，下面我們就來看看詳細的教程，2019-10-23
Axure項目怎么導入另一個項目的頁面？axure制作網(wǎng)站原型的時候，需要導入另一個項目的頁面，該怎么實現(xiàn)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-10-18
Axure怎么制作點擊彈框效果？Axure制作網(wǎng)頁原型的時候，需要制作彈框效果，改怎么制作點擊 彈框效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-10-18
axure怎么制作頁面標簽切換的效果？很多網(wǎng)站都有動態(tài)的標簽切換的效果，該怎么制作這個效果呢？下面我們就來看看詳細的制作過程，需要的朋友可以參考下2019-09-26
Axure圖片怎么輪播？Axure中想要制作一個圖片輪播效果，該怎么制作圖片自動輪播效果呢？下面我們就來看看axure輪播圖效果的做法，需要的朋友可以參考下2019-09-11
axure9怎么設置文本框提示文字？axure9設計網(wǎng)頁中想要添加文本框設置提示文字，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-09-06
axure設計網(wǎng)頁導航菜單原型圖的思路與實例介紹
axure中經(jīng)常用于設計網(wǎng)站網(wǎng)頁的原型圖，想要設計一款網(wǎng)頁的導航菜單，該怎么設計呢？我們首先介紹設計思路，然后進行實例分享，詳細請看下文介紹，需要的朋友可以參考下2019-09-05
Axure怎么制作帶百分比的投票系統(tǒng)？網(wǎng)站上我們家經(jīng)常能見到一些投票系統(tǒng)，該怎么創(chuàng)建一個帶百分比的投票系統(tǒng)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-08-06
axure怎么制作各個頁面之間自由切換效果？一般網(wǎng)頁都有banner位置，用于展示一些東西，都是多張圖可以隨意切換的，該怎么制作這個效果呢？下面我們就來看看詳細的教程，需2019-07-19
