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