Axure RP 8怎么設(shè)計(jì)單選按鈕和按鈕選擇值?

Axure RP 8設(shè)計(jì)軟件自帶了很多控件,有單選按鈕、按鈕和輸入框,下面有這么一個(gè)場(chǎng)景:
(1)有四個(gè)單選按鈕
(2)選擇其中一個(gè)單選按鈕,點(diǎn)擊按鈕觸發(fā)事件
(3)將單選按鈕值填寫到輸入框中
下面利用一個(gè)實(shí)例實(shí)現(xiàn)上述場(chǎng)景,操作如下:
1、雙擊打開Axure RP 8設(shè)計(jì)軟件,展示頁面顯示的內(nèi)容,如下圖所示:
2、在表單元件中拖四個(gè)單選按鈕到畫布上,并修改其內(nèi)容,如下圖所示:
3、再拖曳一個(gè)按鈕到畫布上,放在右側(cè)方向,并修改內(nèi)容為“確定”,如下圖所示:
4、將A、B、C和D設(shè)置單選按鈕組名稱為selection,如下圖所示:
5、再拖曳一個(gè)輸入框到單選按鈕下方,調(diào)整輸入框?qū)挾?/strong>,如下圖所示:
6、選擇按鈕點(diǎn)擊“鼠標(biāo)單擊時(shí)”,設(shè)置選擇單選按鈕時(shí),輸入框顯示的內(nèi)容,如下圖所示:
相關(guān)推薦:
Axure 8.0中怎么制作手機(jī)上下滑動(dòng)效果?
相關(guān)文章
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?Axure中想要旋轉(zhuǎn)圖片元件,將直角圖形變成圓角,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-01-04Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?
Axure RP 8怎么制作按鈕控制下拉框選項(xiàng)?Axure RP 8中想要制作一個(gè)按鈕觸發(fā)事件,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-01-01Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型?
Axure RP 8怎么制作驗(yàn)證碼倒計(jì)時(shí)原型?平時(shí)我們填寫手機(jī)驗(yàn)證碼的時(shí)候,驗(yàn)證碼都是有時(shí)效的,該怎么設(shè)置一分鐘的倒計(jì)時(shí)時(shí)效呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以2016-12-30- Axure RP 8怎么設(shè)置文字提交工功能原型?Axure中經(jīng)常制作一些網(wǎng)頁原型,想要設(shè)置一個(gè)可以提交文本的功能,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2016-12-30
Axure RP 8怎么設(shè)計(jì)可以完成數(shù)學(xué)加法計(jì)算?
Axure RP 8怎么設(shè)計(jì)可以完成數(shù)學(xué)加法計(jì)算?Axure設(shè)計(jì)網(wǎng)頁的時(shí)候,想要在輸入框中輸入數(shù)據(jù),完成加法計(jì)算,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2016-12-30- Axure RP 8怎么利用變量控制標(biāo)題變化?Axure中想要制作一個(gè)通過按鈕改變二級(jí)標(biāo)題,該怎么設(shè)置呢?下面我們就來看看Axure結(jié)合變量和元件控制標(biāo)題變化的教程,需要的朋友可以2016-12-29
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計(jì)圖片點(diǎn)贊功能的網(wǎng)頁原型?想要給網(wǎng)頁添加一個(gè)圖片點(diǎn)贊的功能,該怎么添加呢?下面我們就來看看使用Axure來完成的教程,需要的朋友可以參考下2016-12-29Axure RP 8怎么設(shè)置一個(gè)矩形全局變量?
Axure RP 8怎么設(shè)置一個(gè)矩形全局變量?Axure繪制頁面原型的時(shí)候,想要添加一個(gè)矩形的全局變量,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的設(shè)置方法,需要的朋友可以參考下2016-12-29- Axure圓角矩形怎么畫?Axure繪制網(wǎng)頁原型的時(shí)候,需要繪制圓角舉行,該怎么繪制這個(gè)圖形呢?下面我們就來看看axure畫圓角矩形的教程,需要的朋友可以參考下2016-12-26
Axure RP 8怎么利用占位符設(shè)計(jì)五角星形狀?
Axure RP 8怎么利用占位符設(shè)計(jì)五角星形狀?Axure中設(shè)計(jì)網(wǎng)頁原型的時(shí)候,想做一個(gè)五角星圖形,該怎么做呢?今天我們就來看看使用占位符實(shí)現(xiàn)的教程,需要的朋友可以參考下2016-12-15