Axure RP 8想要實現(xiàn)在不同鼠標(biāo)事件下,呈現(xiàn)不同的圖片。下面我們就用一個實例說明圖片事件改變圖片的方法,請看下文詳細(xì)介紹。
1、打開Axure RP 8軟件,在元件庫找到圖片元件,拖一個到編輯區(qū)域,讓其居中顯示,如下圖所示:
2、選中圖片元件,導(dǎo)入外部圖片,并改變圖片寬度和高度,使其跟圖片元件寬度和高度保持一致,如下圖所示:
3、選中圖片元素,添加鼠標(biāo)單擊時用例,打開用例編輯窗口,進行設(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怎么制作圖片自動播放的效果?
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?
新聞熱點
疑難解答