我的Xcode版本是最新版本Xcode4.6.2,建議使用最新版本運(yùn)行本專題的所有實(shí)例。作為第一個(gè)實(shí)例,我想從最常用又是最簡(jiǎn)單的控件入手,感覺這樣比較好。
成都創(chuàng)新互聯(lián)是一家專業(yè)提供廣信企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、H5場(chǎng)景定制、小程序制作等業(yè)務(wù)。10年已為廣信眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
UITextField控件是iOS開發(fā)中最常用的控件之一,現(xiàn)在想要實(shí)現(xiàn)的功能是在探索它的各種屬性,展現(xiàn)它的各種屬性形式。虛擬鍵盤的關(guān)閉將在本專題的下一篇講解。
為更容易入手,我們從Single View Application模板開始創(chuàng)建程序。
1.運(yùn)行Xcode4.6.2,選擇Single View Application模板,點(diǎn)擊“Next”,在Product Name中輸入名稱UITextFieldTest。為一從開始就養(yǎng)成一種良好的代碼通用習(xí)慣(iPad/iPhone),我們?cè)?ldquo;Device Family”處選擇“Universal”,不過我們現(xiàn)在只在iPhone中運(yùn)行測(cè)試。選中“Use Automatic Reference Counting”復(fù)選框。
2.打開“ViewController_iPhone.xib”,進(jìn)行如下操作,取消“Use Autolayout”的選中狀態(tài)并在“Attributes inspector”中的“Size”屬性設(shè)置為“None”。
此時(shí),中間的視圖界面會(huì)縮短一節(jié)。
3.拖一個(gè)UILabel控件到視圖,設(shè)置文本為“Placeholder and Alignment ”,拖一個(gè)UITextField控件到視圖中,進(jìn)行如下操作:
運(yùn)行程序,當(dāng)文本框中輸入文字時(shí)可見占位字符消失了并且文字居中。
4.如下圖操作,新建一個(gè)名叫“p_w_picpath”的文件夾:
5.鍵盤上按住“commond + shift + 4”,從桌面了隨便截一張圖片,改名為“bg.png”并添加到第4步中的文件夾中,注意選中復(fù)選框:
5.拖一個(gè)UILabel控件,設(shè)置文本為“Background and Color”,拖一個(gè)UITextField控件到視圖中,選中文本框并進(jìn)行如下操作:
可以看到當(dāng)“Border Style”選擇最左邊一個(gè)時(shí)我們的UITextField的背景圖片立即顯示出來了。運(yùn)行程序,輸入文字,可見文字顏色如我們?cè)O(shè)置的一樣。但是我們無法關(guān)閉虛擬鍵盤,這我將在下一篇中講解。
6.其它屬性可根據(jù)需要設(shè)置,在此不一一例舉了。