1. 程式人生 > 其它 >Axure中多個選單,選單突出顯示效果設定

Axure中多個選單,選單突出顯示效果設定

選單突出顯示 滑鼠懸停突出顯示

在日常繪製原型過程中,總會遇到設定選單,當滑鼠放置在某個選單,則選單填充顏色變化,字型變化,選中後,進入對應的頁面,指定的選單標藍;

首先,設定一級選單兩個;選單A和選單B

選單A對應介面為頁面一,選單B對應的為頁面二;

效果要求,當點選選單A,開啟頁面一,同時選單A藍色填充,字型變為藍色

開啟頁面二,選單B藍色填充,字型變為藍色;

且在頁面一種,當滑鼠放置在選單B,選單B藍色填充,字型變為藍色;

先說第一個效果,選擇選單A,右側屬性欄,互動樣式設定中,設定滑鼠懸停及選中兩個設定效果;

設定完成後,選單A,屬性這裡顯示設定好的樣式;同樣的樣式設定B;此時,當滑鼠懸停在對應位置,會按照樣式來顯示;

那怎麼能讓在頁面一,預設選單A變藍呢,在頁面一種,選中選單A,右側樣式中,有一個選中,勾選即可;同樣,在頁面二中,將選單B設定為選中;

這樣,採用Axure中預設的樣式來做選單的效果,就很方便;

最後的效果,就是當進入頁面一,選單A顯示藍色,進入頁面二,選單B顯示藍色;

很好的解決了不同頁面中,不同選單突出顯示的效果;

比自己挨個畫效果要方便多了;好吧,以前我就是那個自己挨個畫效果的小白;

最終效果如下: