【原型設(shè)計(jì)】Axure RP實(shí)現(xiàn)彈窗效果

今日教程分享,請(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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,240評(píng)論 3 119
  • 今天早上我和幾個(gè)好朋友在樓下玩,玩著玩著,有一個(gè)小朋友在花壇邊上發(fā)現(xiàn)了很多只蝸牛,我們驚喜萬分,就像找到了寶...
    昊昊的每一天閱讀 444評(píng)論 0 0
  • 本人有個(gè)習(xí)慣 就是喜歡獨(dú)自洗澡 不習(xí)慣和他人一塊 ! 泡泡澡 聽聽歌 感覺是人生一大樂事! 于是乎從開始獨(dú)立生活都...
    蜉蝣吧閱讀 273評(píng)論 2 2
  • 四個(gè)月以來,父親已是第四次攜母親搬家了,令我們兄妹仨無比糾結(jié),又無可奈何。 父親老了,是那種令人可怕的老。近兩年父...
    源頭蘭草閱讀 437評(píng)論 1 0

友情鏈接更多精彩內(nèi)容