Axure中多個選單,選單突出顯示效果設定
阿新 • • 發佈:2021-08-19
選單突出顯示 滑鼠懸停突出顯示
在日常繪製原型過程中,總會遇到設定選單,當滑鼠放置在某個選單,則選單填充顏色變化,字型變化,選中後,進入對應的頁面,指定的選單標藍;
首先,設定一級選單兩個;選單A和選單B
選單A對應介面為頁面一,選單B對應的為頁面二;
效果要求,當點選選單A,開啟頁面一,同時選單A藍色填充,字型變為藍色
開啟頁面二,選單B藍色填充,字型變為藍色;
且在頁面一種,當滑鼠放置在選單B,選單B藍色填充,字型變為藍色;
先說第一個效果,選擇選單A,右側屬性欄,互動樣式設定中,設定滑鼠懸停及選中兩個設定效果;
設定完成後,選單A,屬性這裡顯示設定好的樣式;同樣的樣式設定B;此時,當滑鼠懸停在對應位置,會按照樣式來顯示;
那怎麼能讓在頁面一,預設選單A變藍呢,在頁面一種,選中選單A,右側樣式中,有一個選中,勾選即可;同樣,在頁面二中,將選單B設定為選中;
這樣,採用Axure中預設的樣式來做選單的效果,就很方便;
最後的效果,就是當進入頁面一,選單A顯示藍色,進入頁面二,選單B顯示藍色;
很好的解決了不同頁面中,不同選單突出顯示的效果;
比自己挨個畫效果要方便多了;好吧,以前我就是那個自己挨個畫效果的小白;
最終效果如下: