今日教程分享,請(qǐng)立即食用。
學(xué)習(xí)一下Axure彈窗效果的實(shí)現(xiàn)如何操作。
首先我們打開軟件,可以在元件庫拖入一個(gè)按鈕到空白面板中,然后這個(gè)按鈕的作用是點(diǎn)擊彈窗:

命名為點(diǎn)擊彈窗:

然后在拖入一個(gè)圖片,當(dāng)做我們一會(huì)要彈出的窗口,先隱藏起來:

在按鈕的屬性設(shè)置為“鼠標(biāo)單擊時(shí)”顯示這個(gè)圖片,選擇燈箱效果,為了突出顯示這個(gè)圖片,背景會(huì)變黑,這也是一些APP常見的效果,然后點(diǎn)擊確定:

點(diǎn)擊預(yù)覽一下:

點(diǎn)擊按鈕顯示效果,背景變灰,突出顯示圖片:

同時(shí)這個(gè)燈箱效果還自帶一個(gè)功能,點(diǎn)擊空白處,就會(huì)自動(dòng)隱藏。如果我們不選擇這個(gè)燈箱效果,是無法自動(dòng)縮回的。我們可以試驗(yàn)一下:

預(yù)覽過后就不會(huì)出現(xiàn)背景變灰,突出圖片的效果,點(diǎn)擊空白處也不會(huì)縮回去,依然顯示彈出窗口效果。

本文來自http://www.axurechina.cc/news/99-cn.html