Axure RP 8中自帶了圖片元件，導入圖片后可以調整樣式顯示。添加按鈕，控制圖片顯示和隱藏。下面利用一個實例說明按鈕控制圖片顯示和隱藏的用法，操作如下：

1、打開Axure RP 8設計軟件，在元件庫中找到圖片元件，拖曳到編輯區域，設置圖片元件寬度為400，高度為200，如下圖所示：

2、選中圖片元件，導入圖片，并設置圖片寬度為400、高度為200，如下圖所示：

3、在圖片下方添加兩個按鈕，分別為顯示、隱藏，用于控制圖片顯示和隱藏，如下圖所示：

4、選中“顯示”按鈕，添加鼠標單擊時用例，

可見性：顯示

動畫：逐漸

時間：2000毫秒

置于頂層

更多選項：彈出效果

如下圖所示：

5、選中“隱藏”按鈕，添加鼠標單擊時用例，

可見性：隱藏

動畫：逐漸

時間：2000毫秒

拉動元件

方向：下方

動畫：搖擺

時間：2000毫秒

如下圖所示：

6、設置顯示和隱藏按鈕鼠標單擊事件，兩個按鈕出現了數字1和2，這代表按鈕綁定了用例，如下圖所示：

7、預覽該原型頁面，單擊“隱藏”按鈕，圖片隱藏消失，如下圖所示：

注意事項：

注意添加顯示和隱藏圖片用例

注意合理導入圖片

相關推薦：

Axure8怎么制作彩色個性化的按鈕?

Axure8怎么設計點擊按鈕觸發控件變化的交互效果?

Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?