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