Axure教程:鼠標(biāo)移入時(shí)切換抽屜風(fēng)格菜單

0 評(píng)論 2661 瀏覽 2 收藏 3 分鐘

在上一篇文章里《Axure教程:抽屜風(fēng)格的菜單實(shí)現(xiàn)》,我介紹了抽屜風(fēng)格的菜單,并讓大家試下實(shí)現(xiàn)鼠標(biāo)移入時(shí)切換抽屜風(fēng)格菜單,這里也將實(shí)現(xiàn)方法介紹給大家。其實(shí)現(xiàn)方法與《Axure教程:鼠標(biāo)移入時(shí)切換菜單》一樣。

預(yù)覽圖

初始狀態(tài):

鼠標(biāo)移入“抽屜2”后:

鼠標(biāo)移入“抽屜1”后:

預(yù)覽地址:https://xasg0y.axshare.com

所需元件:兩個(gè)矩形、兩張圖片

操作步驟

  • 隱藏圖片2
  • 參照《Axure教程:鼠標(biāo)移入時(shí)切換菜單》里的操作步驟(1)——(4),記得要對(duì)應(yīng)的修改方向,顯示時(shí)的向下滑動(dòng)變成向右滑動(dòng);隱藏時(shí)的向上滑動(dòng)變成向左滑動(dòng);推動(dòng)元件的向下變成向右。
  • 按F5預(yù)覽原型看看效果

小結(jié)

學(xué)會(huì)了參照文章里的案例后做這個(gè)就非常簡(jiǎn)單,當(dāng)需要做多個(gè)“抽屜”時(shí),對(duì)應(yīng)地添加多幾個(gè)“抽屜”就好了。

#相關(guān)閱讀#

Axure教程:鼠標(biāo)移入時(shí)切換菜單

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

Axure教程:抽屜風(fēng)格的菜單實(shí)現(xiàn)

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!