Axure基礎(chǔ)教程02——文本框

上次給大家介紹過矩形,這次說一下文本框。
順便要說一下的是,這個(gè)系列教程里面,有些部件比如占位符之類就不再贅述了,因?yàn)楸容^簡單而且沒有什么需要特別設(shè)置的功能。
文本框其實(shí)也是個(gè)挺簡單的部件,本身能變化的不多,一些比較復(fù)雜的功能,比如本來有“請輸入XX”字樣點(diǎn)擊后就消失的,需要用到條件判斷等,這些我們以后講實(shí)際例子的時(shí)候再專門講怎么做。
一、文本框基礎(chǔ)功能:
文本框的部件屬性設(shè)置就不多說了,這一塊希望大家都學(xué)會自己看看,比較是很基礎(chǔ)的東西,會用word的基本上也就會了。
不知道大家開始習(xí)慣在各個(gè)部件上點(diǎn)擊右鍵看看編輯菜單沒,這次主要說的就是編輯菜單里面的東西:
1、限定輸入字?jǐn)?shù):
文本框是可以限制里面輸入的字?jǐn)?shù)的,效果就是當(dāng)輸入的文字超過字?jǐn)?shù)后,就無法輸入了。在文本框上點(diǎn)右鍵——編輯文本字段——編輯最大長度,就會出來個(gè)輸入框要求我們輸入限制的字?jǐn)?shù)。
輸入了限制數(shù)量后,生成的頁面里面就會限制到對應(yīng)的字?jǐn)?shù),比如限制5個(gè)字,就只能輸入5個(gè)字,不區(qū)分中文、英文字母、數(shù)字以及符號。不過這里要注意的是,如果設(shè)置了限制數(shù)量,是沒法取消的,比如我們設(shè)置了限制5個(gè)字,后面要改的話,就只能重新設(shè)置,axure里面并沒有相關(guān)的取消操作,當(dāng)然也可以把輸入框刪掉然后使用一個(gè)新的。 2、隱藏文本/非隱藏文本: 還是點(diǎn)右鍵——編輯文本字段(后面就不提這個(gè)操作了,這次說的功能全部在這里),選擇”隱藏文本“的話,就會變成我們常見的密碼框的樣式,不管輸入什么文字都會用一個(gè)黑色圓點(diǎn)代替,如下圖所示: 如果要取消隱藏,就選擇”非隱藏文本“就可以了,文本框默認(rèn)是”非隱藏文本“模式。 3、顯示/隱藏邊框: 輸入框默認(rèn)是顯示邊框的,我們可以選擇隱藏掉,如下圖所示。當(dāng)隱藏之后看起來就有點(diǎn)像一個(gè)普通的文本,但是生成頁面原型后是可以進(jìn)行文字輸入的。 4、設(shè)置只讀/非只讀: axure對于文本框還有個(gè)很奇怪的設(shè)置,就是可以把文本框設(shè)置為只讀狀態(tài),這樣就無法編輯里面的文字了(文本框?yàn)樯恫蛔尵庉嫲?#8230;.),具體效果請看例子。 5、分配提交按鈕: 這個(gè)功能光看上面的字眼可能比較難理解,但是實(shí)際作用其實(shí)我們經(jīng)常遇到,比如我們經(jīng)常在各種登錄界面時(shí),在輸入框輸入完直接按回車,就會直接登錄,相當(dāng)于點(diǎn)擊”登錄“按鈕。 這個(gè)”分配提交按鈕“的功能就是如此,當(dāng)我們設(shè)置這個(gè)選項(xiàng)時(shí),會讓我們選擇某個(gè)按鈕(或是矩形),當(dāng)在對應(yīng)的輸入框里面點(diǎn)擊回車時(shí),就相當(dāng)于點(diǎn)擊了之前選擇好的那個(gè)按鈕。在作者的例子里面,是有個(gè)”跳轉(zhuǎn)到頁面2“的按鈕(下圖中的那個(gè)),已經(jīng)設(shè)置好交互。在上面的輸入框里面輸入回車鍵,就相當(dāng)于點(diǎn)擊了按鈕,讀者嘗試一下就能理解了。 二、文本框的交互功能: 文本框的交互設(shè)置有四個(gè),點(diǎn)擊時(shí)、鍵盤輸入時(shí)、獲取焦點(diǎn)時(shí)以及失去焦點(diǎn)時(shí),暫時(shí)沒發(fā)現(xiàn)有特別要注意的地方,作者平時(shí)練習(xí)的時(shí)候會常常忽略”獲取焦點(diǎn)“這一項(xiàng),因?yàn)楫?dāng)我們點(diǎn)擊輸入框的時(shí)候,就已經(jīng)是”獲取焦點(diǎn)“狀態(tài)了,所以….. 好了這次就先介紹到這里,下次繼續(xù)介紹其他部件,敬請期待。 前面提到的功能設(shè)置例子:點(diǎn)擊下載 作者微博求粉:@少爺熙的一些事一些情,歡迎關(guān)注哦,有問題也可以直接私信詢問
不錯(cuò),學(xué)習(xí)了
此限制文字方法只適用于單行文本框
?? 收藏繼續(xù)看
不錯(cuò)的實(shí)用教程,推薦
http://www.baidu.com
是