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