當前位置:趣味科普網>經驗>

Axure下拉選單互動怎麼設定

經驗 閱讀(1.41W)

Axure下拉選單互動怎麼設定

新手產品在產品設計上,經常會遇到做各種控制元件的互動,下面介紹一二級選單的抽屜性操作方法,有興趣的學習下:

工具/原料Axurerp8電腦一臺方法/步驟1

先拉幾個矩形調整好大小,對應的輸入文字“一級選單”和“二級選單”,並作樹狀格式,然後用鋼筆繪製個下拉三角,並填充色,這裡我填個灰色

2

設定二級選單的互動,

選定3個二級選單框,並右擊轉化為動態面板,命名為“二級選單”後,點選state1進行動態面板的設定

3

設定二級選單,在滑鼠懸停時的變化狀態:字型顏色為白色,矩形顏色為這種藍色,色號也可以直接輸入“199ED8”,同理把下面兩個矩形框做相同設定

4

現在設定一級選單的互動,當點選一級選單時,二級選單抽屜式收縮的效果,同時下拉三角倒置處理的設計。先把一級選單框跟下拉三角組合,再作互動

5

完成設定,檢視效果