Axure RP 8想要實現在不同鼠標事件下,呈現不同的圖片。下面我們就用一個實例說明圖片事件改變圖片的方法,請看下文詳細介紹。
1、打開Axure RP 8軟件,在元件庫找到圖片元件,拖一個到編輯區域,讓其居中顯示,如下圖所示:
2、選中圖片元件,導入外部圖片,并改變圖片寬度和高度,使其跟圖片元件寬度和高度保持一致,如下圖所示:
3、選中圖片元素,添加鼠標單擊時用例,打開用例編輯窗口,進行設置,如下圖所示:
4、設置鼠標懸停、鼠標按下、選中和禁用時替換圖片,導入不同的圖片,如下圖所示:
5、上述設置完畢,導入的圖片右上方出現數字“1”,說明圖片效果實現了,如下圖所示:
6、預覽該原型界面,點擊圖片會出現不同的圖片,懸浮和點擊圖片不一致,如下圖所示:
注意事項:
注意導入圖片和圖片元件的寬度和高度設置。
注意圖片用例下不同狀態下的圖片路徑。
以上就是就是Axure RP 8中設置圖片事件改變圖片的教程,下文大家喜歡,請繼續關注錯新站長站。
相關推薦:
axure怎么制作圖片自動播放的效果?
Axure RP 8怎么制作一個旋轉的圓角圖片?
Axure RP 8設怎么用按鈕控制圖片的顯示與隱藏?
新聞熱點
疑難解答