起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure技巧：按鈕互斥效果的3個步驟
本文僅適用于具有一定Axure使用經(jīng)驗的用戶閱讀。
Axure中經(jīng)常會設(shè)計幾個按鈕或幾個菜單的互斥選擇效果，互斥效果有兩種方式可以實現(xiàn)：
1） 可以通過點擊事件控制選中當前點擊的按鈕或菜單，并取消選中其它按鈕或菜單；
但這種方式由明顯的缺點，如果后續(xù)有增加了按鈕或菜單，需要將之前每一個按鈕或菜單的用例全部修改一遍，工作量很大而且很容易搞亂。
2） 通過對按鈕分組實現(xiàn)。
這種方式可以非常方便地定義每個按鈕或菜單的事件，即使后續(xù)增加了按鈕或菜單也很容易修改。
下文將通過實例介紹第二種方式。
設(shè)置按鈕或菜單互斥效果的大致步驟為：
定義樣式–>設(shè)置互斥–>添加用例
1???? 定義按鈕或菜單選中樣式
1） 在Axure文件中任意新建一個頁面，在頁面中繪制若干按鈕和菜單，參考下圖：
2） 選中所有的按鈕，點擊右鍵選擇“交互樣式…”，顯示設(shè)置交互樣式對話框；
3） 選擇“選中”頁簽，并分別設(shè)置字體顏色、粗體、填充顏色等，參考圖如下：
由于選中了“預(yù)覽”選項，因此樣式可以直接看到效果，點擊確定后預(yù)覽效果消失。
4） 同理，設(shè)置菜單的選中樣式，參考圖如下：
2 設(shè)置按鈕或菜單互斥
1） 選中所有的按鈕，點擊右鍵，選中“Selection Group…”為按鈕分組，并輸入分組名稱：
2） 同一分組內(nèi)的按鈕即可互斥，如果希望前3個按鈕互斥，后3個按鈕互斥，而不是6個按鈕都互斥，則只需要將前3個按鈕、后3個按鈕分別進行分組即可。
3） 同理，設(shè)置6個菜單互斥。
3? ? ?設(shè)置按鈕或菜單單擊事件
此時預(yù)覽頁面你會發(fā)現(xiàn)剛才設(shè)計的效果在頁面中一點作用都沒有，別急下面才是關(guān)鍵步驟。
1） 為按鈕Tab1添加“鼠標單擊時”用例，設(shè)置鼠標單擊時選中自己，如下圖：
2） 定義完成后，選中“鼠標單擊時”下面的用例1，點擊右鍵選擇復(fù)制，如下圖所示：
3） 為按鈕Tab2添加“鼠標單擊時”用例，直接將上述復(fù)制的用例粘貼；
4） 分別為其他的按鈕粘貼用例；
5） 同理，為所有的菜單也粘貼相同的用例；
6） 預(yù)覽頁面，點擊按鈕或菜單，可以看到按鈕或菜單已經(jīng)有互斥效果了。效果圖如下：
注意：上述截圖為了能夠看出來效果，分別設(shè)置了第1個按鈕和第1個菜單默認為選中狀態(tài)。
本文由 @互聯(lián)科技 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
如果需要點擊跳轉(zhuǎn)頁面 ，導(dǎo)航是個母版，該怎么確認跳轉(zhuǎn)頁面后導(dǎo)航保持選中狀態(tài)呢，
1）可以在母版中設(shè)置全局變量，多個變量值分別對應(yīng)導(dǎo)航中的各個菜單；
2）在每個頁面中的“頁面加載時”事件下為該全局變量賦值。
這樣就可以了。
但是，鼠標離開之后又恢復(fù)到了原來狀態(tài)，還是實現(xiàn)不了導(dǎo)航欄功能
3 設(shè)置按鈕或菜單單擊事件
完成這步，就不是鼠標離開回復(fù)原來狀態(tài)了。
原來這么簡單，我以前一直寫條件寫到抽搐，感謝感謝
?? 共同研究、共同進步。