Axure RP 8中想要制作一個(gè)按鈕點(diǎn)擊事件控制圖片顯示的效果,如果不點(diǎn)擊顯示按鈕圖片就不顯示,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程。
1、打開(kāi)Axure RP 8設(shè)計(jì)軟件,在元件庫(kù)中的基本元件的圖片元件,拖一個(gè)到畫布中,調(diào)整圖片元件高度和寬度,如下圖所示:
2、再在基本元件中按鈕元件拖一個(gè)到畫布中,并修改按鈕的內(nèi)容,寬度和圖片元件一致,如下圖所示:
3、選中圖片元件,找到外部圖片文件,導(dǎo)入外部圖片并設(shè)置寬度和高度,如下圖所示:
4、選中圖片并設(shè)置為“設(shè)為隱藏”,這時(shí)畫布中的圖片隱藏起來(lái)了,如下圖所示:
5、選中“顯示”按鈕,添加鼠標(biāo)單擊事件用例,當(dāng)圖片隱藏時(shí),點(diǎn)擊按鈕顯示出來(lái),如下圖所示:
6、添加用例成功后,按鈕上顯示數(shù)字符號(hào);預(yù)覽該原型頁(yè)面,單價(jià)按鈕顯示圖片,如下圖所示:
以上就是Axure RP 8按鈕控制圖片顯示效果的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注錯(cuò)新站長(zhǎng)站。
相關(guān)推薦:
Axure8怎么制作彩色個(gè)性化的按鈕?
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
新聞熱點(diǎn)
疑難解答