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