Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏?

Axure RP 8中想要制作一個按鈕點擊事件控制圖片顯示的效果,如果不點擊顯示按鈕圖片就不顯示,該怎么設(shè)置呢?下面我們就來看看詳細的教程。

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