Axure RP 9基礎(chǔ)知識(shí)——案例:手機(jī)輸入框

案例:手機(jī)輸入框

1.從元件庫(kù)拖動(dòng)文本框至設(shè)計(jì)區(qū)域，選中文本框，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“輸入類型”選項(xiàng)，在右側(cè)彈出的菜單中選擇“ 數(shù)字”。

2.選中輸入框，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“ 編輯最大長(zhǎng)度”選項(xiàng)，設(shè)置最大長(zhǎng)度為11。

3.選中文本框，單擊“交互”標(biāo)簽，單擊元件命名框右側(cè)的圖標(biāo)，在彈出的交互屬性面板中，輸入提問(wèn)文本“請(qǐng)輸入11位的手機(jī)號(hào)碼”，單擊面板以外的位置，完成設(shè)置，面板關(guān)閉。4.選中文本框，單擊邊框顏色，設(shè)置為藍(lán)色;單擊“可見(jiàn)性”，隱藏上側(cè)、左側(cè)和右側(cè)的邊框。

5.完成手機(jī)輸入框的設(shè)置。單擊“預(yù)覽”按鈕，查看原型，在文本框中輸入內(nèi)容，驗(yàn)證交互設(shè)置。