Axure RP 8設怎么用按鈕控制圖片的顯示與隱藏?
發(fā)布時間：2016-12-09 11:01:24 作者：佚名 
我要評論
我要評論Axure RP 8設怎么用按鈕控制圖片的顯示與隱藏？Axure中想給頁面添加一個通過按鈕控制的可以顯示或者隱藏的圖片，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
Axure RP 8中自帶了圖片元件，導入圖片后可以調(diào)整樣式顯示。添加按鈕，控制圖片顯示和隱藏。下面利用一個實例說明按鈕控制圖片顯示和隱藏的用法，操作如下：
1、打開Axure RP 8設計軟件，在元件庫中找到圖片元件，拖曳到編輯區(qū)域，設置圖片元件寬度為400，高度為200，如下圖所示：
2、選中圖片元件，導入圖片，并設置圖片寬度為400、高度為200，如下圖所示：
3、在圖片下方添加兩個按鈕，分別為顯示、隱藏，用于控制圖片顯示和隱藏，如下圖所示：
4、選中“顯示”按鈕，添加鼠標單擊時用例，
可見性：顯示
動畫：逐漸
時間：2000毫秒
置于頂層
更多選項：彈出效果
如下圖所示：
5、選中“隱藏”按鈕，添加鼠標單擊時用例，
可見性：隱藏
動畫：逐漸
時間：2000毫秒
拉動元件
方向：下方
動畫：搖擺
時間：2000毫秒
如下圖所示：
6、設置顯示和隱藏按鈕鼠標單擊事件，兩個按鈕出現(xiàn)了數(shù)字1和2，這代表按鈕綁定了用例，如下圖所示：
7、預覽該原型頁面，單擊“隱藏”按鈕，圖片隱藏消失，如下圖所示：
注意事項：
注意添加顯示和隱藏圖片用例
注意合理導入圖片
相關(guān)推薦：
Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
相關(guān)文章
Axure RP 8怎么制作一個按鈕控制圓球運動的原型？Axure經(jīng)常設計網(wǎng)頁原型，想要制作一個按鈕可以控制圓球運動的頁面，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋2016-12-09
Axure RP 8怎么設計按鈕空值頁面大?。緼xure RP 8怎中想制作一個按鈕，這個按鈕可以實現(xiàn)空值頁面的大小，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-12-08
Axure RP 8怎么制作計算器？Axure中想要制作一個學生時期常用的計算器，該怎么制作計算器呢？下面我們就來看看詳細的設計教程，需要的朋友可以參考下2016-12-08
Axure RP 8怎么制作倒計時動畫？Axure設計網(wǎng)頁原型的時候，想要一個倒計時的動畫效果，該怎么制作呢？下面我們就來看看Axure制作倒計時的教程，需要的朋友可以參考下2016-12-07
Axure RP 8怎么設置表格單選事件？axure中想要實現(xiàn)表格被選擇的一行變色，取消選中不變色，該怎么設計呢？下面我們就來看看這個問題的解決辦法，需要的朋友可以參考下2016-12-06
axure中怎么使用字符串函數(shù)？axure中經(jīng)常繪制網(wǎng)頁原型，有時候需要使用字符串函數(shù)，該怎么使用呢？下面我們就來看看axure字符串函數(shù)的使用教程，需要的朋友可以參考下2016-12-05
axure8中繼器怎么添加數(shù)據(jù)？axure8中經(jīng)常制作網(wǎng)頁原型，該怎么給中繼器添加數(shù)據(jù)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-11-26
Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果?
Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果？Axure8中想要制作一個網(wǎng)頁效果就是，點擊按鈕可以發(fā)生一些變化，該怎么設計呢？下面我們就來看看詳細的教程，需要的朋友可2016-11-25Axure怎么新建元件庫? Axure創(chuàng)建自己元件庫的教程
Axure怎么新建元件庫？Axure繪制網(wǎng)頁原型很簡單，繪制的時候需要很多原件，想創(chuàng)建自己的元件庫，該怎么創(chuàng)建呢？下面我們就來看看Axure創(chuàng)建自己元件庫的教程，需要的朋友可2016-11-18- Axure部件庫怎么導入下載的部件？經(jīng)常使用axure繪制網(wǎng)頁原型，但是axure中自帶的部件款式不多，想導入自己下載的部件，該怎么導入呢？下面我們就來看看詳細的教程，需要的2016-11-18
