Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏?
我要評(píng)論Axure RP 8中想要制作一個(gè)按鈕點(diǎn)擊事件控制圖片顯示的效果，如果不點(diǎn)擊顯示按鈕圖片就不顯示，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類(lèi)型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、打開(kāi)Axure RP 8設(shè)計(jì)軟件，在元件庫(kù)中的基本元件的圖片元件，拖一個(gè)到畫(huà)布中，調(diào)整圖片元件高度和寬度，如下圖所示：
2、再在基本元件中按鈕元件拖一個(gè)到畫(huà)布中，并修改按鈕的內(nèi)容，寬度和圖片元件一致，如下圖所示：
3、選中圖片元件，找到外部圖片文件，導(dǎo)入外部圖片并設(shè)置寬度和高度，如下圖所示：
4、選中圖片并設(shè)置為“設(shè)為隱藏”，這時(shí)畫(huà)布中的圖片隱藏起來(lái)了，如下圖所示：
5、選中“顯示”按鈕，添加鼠標(biāo)單擊事件用例，當(dāng)圖片隱藏時(shí)，點(diǎn)擊按鈕顯示出來(lái)，如下圖所示：
6、添加用例成功后，按鈕上顯示數(shù)字符號(hào)；預(yù)覽該原型頁(yè)面，單價(jià)按鈕顯示圖片，如下圖所示：
以上就是Axure RP 8按鈕控制圖片顯示效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
相關(guān)文章
Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個(gè)柱狀圖，該怎么繪制呢？下面我們就來(lái)看看Axure繪制柱狀圖的教程，很簡(jiǎn)單，需要的朋友可以參考下2018-01-14
Axure RP8怎么導(dǎo)入RP文件? Axure導(dǎo)入本地RP文件的教程
Axure RP8怎么導(dǎo)入RP文件？Axure RP8設(shè)計(jì)模型很簡(jiǎn)單，想要將本地的RP文件文件導(dǎo)入到axure中，該怎么導(dǎo)入呢？下面我們就來(lái)看看Axure導(dǎo)入本地RP文件的教程，需要的朋友可以參2018-01-14
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色?
Axure怎么做表格隨著鼠標(biāo)移動(dòng)改變顏色？Axure中的表格當(dāng)鼠標(biāo)選中某行的時(shí)候，顏色發(fā)生變化，鼠標(biāo)移開(kāi)以后表格恢復(fù)原來(lái)顏色，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2018-01-11
Axure怎么導(dǎo)入本地的按鈕? Axure打開(kāi)本地文件的技巧
Axure怎么導(dǎo)入本地的按鈕？Axure設(shè)計(jì)網(wǎng)頁(yè)圓形的時(shí)候，想要導(dǎo)入本地的按鈕，該怎么導(dǎo)入呢？下面我們就來(lái)看看Axure打開(kāi)本地文件的技巧，需要的朋友可以參考下2018-01-10
Axure設(shè)計(jì)的登陸頁(yè)面怎么生成網(wǎng)頁(yè)原型?
Axure設(shè)計(jì)的登陸頁(yè)面怎么生成網(wǎng)頁(yè)原型？Axure中設(shè)計(jì)的登陸網(wǎng)頁(yè)想要直接生成網(wǎng)頁(yè)原型，該怎么生成呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-10
Axure文件怎么生成html分享鏈接？Axure中設(shè)計(jì)的模型想要分享給朋友觀看，該怎么生成html鏈接呢？下面我們就來(lái)看看2017-12-21
Axure RP怎么制作選項(xiàng)卡控件？網(wǎng)頁(yè)需要選項(xiàng)卡控件，但是Axure RP中沒(méi)有選項(xiàng)卡控件，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-12-21
Axure RP 8.1最新漢化破解安裝詳細(xì)教程(附漢化包下載)
Axure RP8中文版是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具，能夠高效率制作產(chǎn)品原型，快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等，下面就帶來(lái)了Axure RP 8.1最新漢化破2017-12-20
Axure rp怎么設(shè)計(jì)微信的交互界面？Axure中想要設(shè)計(jì)一個(gè)網(wǎng)頁(yè)交互的效果，該怎么制作呢？下面我們就來(lái)看看Axure設(shè)計(jì)微信交互界面的教程，需要的朋友可以參考下2017-12-17
axure頁(yè)面載入時(shí)自動(dòng)選中按鈕該怎么實(shí)現(xiàn)?
axure頁(yè)面載入時(shí)自動(dòng)選中按鈕該怎么實(shí)現(xiàn)？axure中使用母版的時(shí)候想要實(shí)現(xiàn)單個(gè)頁(yè)面按鈕的添加選中狀態(tài)，我們可以使用函數(shù)來(lái)實(shí)現(xiàn)，下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可2017-12-05
