Axure RP 8怎么設(shè)置點(diǎn)擊事件改變圖片?
我要評(píng)論Axure RP 8想要實(shí)現(xiàn)在不同鼠標(biāo)事件下，呈現(xiàn)不同的圖片。下面我們就用一個(gè)實(shí)例說明圖片事件改變圖片的方法，請(qǐng)看下文詳細(xì)介紹。
1、打開Axure RP 8軟件，在元件庫找到圖片元件，拖一個(gè)到編輯區(qū)域，讓其居中顯示，如下圖所示：
2、選中圖片元件，導(dǎo)入外部圖片，并改變圖片寬度和高度，使其跟圖片元件寬度和高度保持一致，如下圖所示：
3、選中圖片元素，添加鼠標(biāo)單擊時(shí)用例，打開用例編輯窗口，進(jìn)行設(shè)置，如下圖所示：
4、設(shè)置鼠標(biāo)懸停、鼠標(biāo)按下、選中和禁用時(shí)替換圖片，導(dǎo)入不同的圖片，如下圖所示：
5、上述設(shè)置完畢，導(dǎo)入的圖片右上方出現(xiàn)數(shù)字“1”，說明圖片效果實(shí)現(xiàn)了，如下圖所示：
6、預(yù)覽該原型界面，點(diǎn)擊圖片會(huì)出現(xiàn)不同的圖片，懸浮和點(diǎn)擊圖片不一致，如下圖所示：
注意事項(xiàng)：
注意導(dǎo)入圖片和圖片元件的寬度和高度設(shè)置。
注意圖片用例下不同狀態(tài)下的圖片路徑。
以上就是就是Axure RP 8中設(shè)置圖片事件改變圖片的教程，下文大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?
相關(guān)文章
Axure RP 8怎么完成一個(gè)登錄界面并鏈接對(duì)應(yīng)功能?
Axure RP 8怎么完成一個(gè)登錄界面并鏈接對(duì)應(yīng)功能？我們?cè)谧鼍W(wǎng)頁的時(shí)候，一般都會(huì)在Axure中先做原型并實(shí)現(xiàn)相應(yīng)功能，今天我們就來看看Axure RP 8制作登錄并鏈接功能的教程2016-06-05- Axure RP 8怎么制作單選題中的單選框？在做題目的時(shí)候經(jīng)常能看到單選題，該怎么制作單選框呢？下面我們就來看看Axure RP 8中單選框的使用方法，需要的朋友可以參考下2016-05-25
- Axure RP 8中怎么制作復(fù)選框？看到網(wǎng)頁總經(jīng)常能遇到復(fù)選題，這時(shí)候就需要使用復(fù)選框，使用axure制作網(wǎng)頁原型的時(shí)候怎么添加復(fù)選框呢？下面我們來看看詳細(xì)的教程2016-05-24
- Axure RP 8怎么創(chuàng)建下拉框？想給網(wǎng)頁制作一個(gè)下拉框，該怎么設(shè)計(jì)呢？今天我們就來看看Axure RP 8給網(wǎng)頁制作下拉框的教程，圖文很詳細(xì)，需要的朋友可以參考下2016-05-22
Axure中怎么為網(wǎng)站制作聯(lián)動(dòng)下拉菜單?
Axure中怎么為網(wǎng)站制作聯(lián)動(dòng)下拉菜單？Axure繪制網(wǎng)站原型很方便，如果想制作一個(gè)下拉菜單中選擇一項(xiàng)，后面的下拉菜單會(huì)跟著變化的情況，該怎么做呢？下面我們來看看詳細(xì)操作2016-05-20- Axure抽屜效果菜單效果該怎么制作？經(jīng)常使用Axure制作網(wǎng)頁原型，今天我們就來看看Axure制作抽屜效果菜單效果的教程，很簡(jiǎn)單，圖文很詳細(xì)，需要的朋友可以參考下2016-05-18
Axure中怎么制作動(dòng)態(tài)倒計(jì)時(shí)的原型?
Axure中怎么制作動(dòng)態(tài)倒計(jì)時(shí)的原型？經(jīng)常我們?cè)谧龀绦蛑?，都?huì)將前臺(tái)的原型制作出來，大概的功能也會(huì)制作出來，今天我們就來看看Axure中制作倒計(jì)時(shí)功能的教程，需要的朋友2016-04-18Axure怎么實(shí)現(xiàn)電話號(hào)碼的驗(yàn)證的原型?
Axure怎么實(shí)現(xiàn)電話號(hào)碼的驗(yàn)證的原型？很多網(wǎng)站都會(huì)用電話號(hào)碼來什么賬號(hào)，但是怎么才能判斷別人輸入的電話號(hào)碼正不正確呢？下面我們來看看Axure電話號(hào)碼的驗(yàn)證的教程，需要2016-03-30- Axure RP Pro 7.0怎么制作圖片輪播按鈕效果？經(jīng)?？吹骄W(wǎng)頁上有輪播圖在首頁，我們?cè)撛趺醋瞿?？下面我們來看看Axure輪播圖按鈕的原型圖的制作方法，需要的朋友可以參考下2016-03-27
- Axure繪制好的原型怎么發(fā)布和預(yù)覽？經(jīng)常使用Axure繪制網(wǎng)頁原型，但是繪制好以后需要發(fā)布出來才能看到實(shí)際效果，Axure原型怎么發(fā)布和預(yù)覽呢？請(qǐng)看下文詳細(xì)教程2016-03-23