Axure怎么制作手機(jī)充話費(fèi)的界面效果?
我要評(píng)論Axure想要制作手機(jī)話費(fèi)充值的界面，非常的簡單，只需要幾個(gè)元件加上一些交互用例即可以實(shí)現(xiàn)下面我們就來看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時(shí)間：2018-05-24
1、首先創(chuàng)建一個(gè)空白的頁面，在工作區(qū)域拖入幾個(gè)矩形元件，并對(duì)矩形元件的文字描述和樣式簡單調(diào)整一下，如下圖所示。
2、元件準(zhǔn)備完成后，開始對(duì)元件的選中狀態(tài)的樣式進(jìn)行設(shè)置，這里可以對(duì)字體顏色和填充顏色進(jìn)行設(shè)置，如下圖所示。
3、按照上述方法，將其他的矩形元件的選中狀態(tài)也設(shè)置一下，這里可以全部選中一起設(shè)置，如下圖所示。
4、下一步開始對(duì)每個(gè)矩形的鼠標(biāo)單擊時(shí)的交互事件進(jìn)行設(shè)置，如下圖所示。
5、為了達(dá)到演示效果，上面的充值金額會(huì)根據(jù)你選擇充值的金額而變化，因此在做交互事件時(shí)需要定義一個(gè)局部變量用于控制金額的變化，如下圖所示。
6、剛剛的交互事件已經(jīng)把矩形的值賦給了變量值，下面這個(gè)交互事件是將變量值賦給充值金額，如下圖所示。
7、同樣的方式，將其他矩形的鼠標(biāo)單擊事件的交互進(jìn)行設(shè)置，如下圖所示。
8、這里需要注意，這些矩形需要設(shè)置到同一個(gè)組內(nèi)，否則效果就無法實(shí)現(xiàn)了，如下圖所示。
9、交互事件都設(shè)置完成后，f5預(yù)覽一下效果，點(diǎn)擊充10元，上面的充值金額就會(huì)變成10元，點(diǎn)擊充20元，上面的充值金額就是20元了。
以上就是Axure設(shè)計(jì)手機(jī)話費(fèi)充值頁面的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
相關(guān)文章
Axure8.0試用到期后怎么激活？Axure8.0使用一個(gè)月后到期了，還想繼續(xù)使用，該怎么激活呢？下面我們就來看看Axure8.0的激活教程，需要的朋友可以參考下2017-05-22
Axure RP 8怎么制作不倒翁的標(biāo)靶圖形？Axure中想要制作一個(gè)不倒翁的形狀的靶子，該怎么制作呢？下面我們就來看看詳細(xì)的繪制方法，需要的朋友可以參考下2017-05-16
Axure RP 8設(shè)怎么畫一只漂亮氣球圖形？Axure RP 8中除了制作網(wǎng)頁原型，還可以畫圖，該怎么畫一個(gè)漂亮的氣球呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-05-16
Axure RP 8怎么畫漂亮的游泳圈圖形？Axure中想要繪制漂亮的游泳圈，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，很簡答，需要的朋友可以參考下2017-05-15
Axure RP8怎么設(shè)計(jì)美輪美奐的橢圓矩形框?
Axure RP8怎么設(shè)計(jì)美輪美奐的橢圓矩形框？Axure 中想要設(shè)計(jì)一個(gè)圓角矩形的圖形，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-05-15
Axure RP 8怎么控制不同顏色元件移動(dòng)？Axure RP 8中想要控制兩個(gè)不同顏色的柱子，該怎么操作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-05-08
Axure RP 8怎么控制矩形元件顛倒旋轉(zhuǎn)?
Axure RP 8怎么控制矩形元件顛倒旋轉(zhuǎn)？Axure RP 8中想想要使用按鈕控制一個(gè)矩形的旋轉(zhuǎn)，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-05-08
axure怎么制作圖片自動(dòng)播放的效果？axure中想要制作一個(gè)圖片自動(dòng)播放的效果，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-05-05
Axure RP 8怎么設(shè)置動(dòng)態(tài)面板顯示隱藏對(duì)象?
Axure RP 8怎么設(shè)置動(dòng)態(tài)面板顯示隱藏對(duì)象？Axure RP 8中設(shè)計(jì)的網(wǎng)頁想要隱藏元件，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-28
AXURE怎么使用中繼器實(shí)現(xiàn)樣式重復(fù)但內(nèi)容不同的效果?
AXURE怎么使用中繼器實(shí)現(xiàn)樣式重復(fù)但內(nèi)容不同的效果？一般網(wǎng)站中我們都會(huì)遇到用一個(gè)模塊顯示不同內(nèi)容的情況，該怎么使用AXURE實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋2017-04-25
