国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

上一篇文章《Axure教程：實(shí)現(xiàn)菜單下拉效果》里使用了最簡單的方式實(shí)現(xiàn)了菜單下拉效果，這個(gè)案例實(shí)現(xiàn)的是當(dāng)鼠標(biāo)移入菜單項(xiàng)的時(shí)候切換菜單且有且只有一個(gè)菜單項(xiàng)是展開的。

預(yù)覽圖

鼠標(biāo)移入“菜單2”后：

預(yù)覽地址：https://64y9da.axshare.com

所需元件

兩個(gè)菜單矩形、兩個(gè)菜單子項(xiàng)動(dòng)態(tài)面板、一個(gè)向上箭頭、一個(gè)向下箭頭。

操作步驟

（1）設(shè)置“菜單1”矩形的第一個(gè)交互：鼠標(biāo)移入時(shí)，讓菜單變?yōu)檫x中狀態(tài)

（2）設(shè)置“菜單1”矩形的第二個(gè)交互：選中改變時(shí)，分兩種情況去隱藏和顯示動(dòng)態(tài)面板

1）Case1：當(dāng)“菜單1”非選中時(shí)，隱藏“菜單1子項(xiàng)”動(dòng)態(tài)面板：

2）Case2：當(dāng)“菜單1”選中時(shí)，顯示“菜單1子項(xiàng)”動(dòng)態(tài)面板：

（3）同樣地設(shè)置好矩形2的交互

（4）將“菜單1”矩形和“菜單2”矩形設(shè)置成同一選項(xiàng)組

（5）按F5預(yù)覽原型看看

小記

1. 這里可以“菜單1”矩形和“菜單2”矩形只用一個(gè)交互動(dòng)作即實(shí)現(xiàn)鼠標(biāo)移入切換菜單且有且只有一個(gè)菜單項(xiàng)是展開的效果。

2. 為什么不這樣做？

因?yàn)檫@個(gè)案例里就只有兩個(gè)菜單，如果有10個(gè)，那你就得在顯示一個(gè)菜單子項(xiàng)時(shí)將其他9個(gè)菜單子項(xiàng)隱藏起來，那就會(huì)非常麻煩而Axure提供的選項(xiàng)組功能在這里就可以派上用場。

選項(xiàng)組的功能就是讓在一個(gè)選項(xiàng)組里的所有元件有且只有一個(gè)是選中狀態(tài)，利用這個(gè)功能就我們雖然多了一個(gè)交互但卻節(jié)省了很多的工作。

3. 當(dāng)你快速在兩個(gè)菜單項(xiàng)里來回切換的時(shí)候會(huì)出現(xiàn)這種情況，可以去試試非常有趣哈哈：

4. 至于為什么會(huì)出現(xiàn)這種情況是因?yàn)樵谠O(shè)置“菜單”矩形交互的顯示隱藏效果時(shí)沒有將動(dòng)畫效果取消掉，當(dāng)你快速切換時(shí)，頁面反應(yīng)不過來就把矩形一直往下推了

附上無bug原型地址：https://gx8op7.axshare.com

#相關(guān)閱讀#

Axure教程：實(shí)現(xiàn)菜單下拉效果

本文由 @Nilz 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議