自上一節(jié)結(jié)束,我們的UI部分就完成了,這小節(jié)開(kāi)始進(jìn)行編碼,展示的效果如圖1-5-41
下一步就開(kāi)始進(jìn)行關(guān)聯(lián),我們需要獲取到的信息有賬號(hào)和密碼輸入框內(nèi)輸入的內(nèi)容,滑動(dòng)條滑動(dòng)的數(shù)值,分段控件所選中的性別,開(kāi)關(guān)按鈕判斷年齡,和最后的日期選擇器選擇的內(nèi)容.然后就是點(diǎn)擊登錄按鈕所發(fā)生的事件.
下面進(jìn)行關(guān)聯(lián):
我們對(duì)其他需要關(guān)聯(lián)的都進(jìn)行關(guān)聯(lián)上,關(guān)聯(lián)上之后就可以獲得屬性值,并進(jìn)行對(duì)屬性的改變,所有屬性添加:如圖1-5-44
有一個(gè)特殊的就是登錄按鈕,我們需要得到他的點(diǎn)擊事件,而不是屬性值,所有我們?cè)谶x擇connection的時(shí)候需要選中Action如圖1-5-45,添加后的如圖1-5-46
我們?cè)趌ogin方法中添加打印代碼,如圖1-5-47
然后我們Command + R 運(yùn)行項(xiàng)目,點(diǎn)擊登錄按鈕,可以看到控制臺(tái)打印出"點(diǎn)擊我了"(如圖1-5-48),到此我們就完成了登錄.
下面就進(jìn)行代碼編寫(xiě)了.有三個(gè)部分組成:
??觸摸屏幕背景關(guān)閉鍵盤(pán)
??監(jiān)聽(tīng)滑竿控件,并進(jìn)行顯示
??點(diǎn)擊登錄彈出Alert控制器顯示結(jié)果
1??觸摸屏幕背景關(guān)閉鍵盤(pán)
點(diǎn)擊屏幕背景關(guān)閉鍵盤(pán),我們可以更改IB(Interface Builder)中view所指向的隊(duì)形所屬類(lèi),將他的底層類(lèi)由UIView更改為UIcontrol.如圖1-5-49
然后我們將這個(gè)Control拖到代碼中,設(shè)置如圖1-5-50
然后在代碼中進(jìn)行編寫(xiě)彈出鍵盤(pán)的代碼:如圖1-5-51
OK,大家可以command + R進(jìn)行測(cè)試下!
2??監(jiān)聽(tīng)滑竿控件,并進(jìn)行顯示
我們?cè)诨瑒?dòng)滑塊的時(shí)候,后面的數(shù)字會(huì)根據(jù)滑動(dòng)的范圍而變化.設(shè)置如圖1-5-52
我們給顯示的數(shù)字文本的默認(rèn)值設(shè)置為80,現(xiàn)在可以滑動(dòng)滑塊可以看到效果了.
3??點(diǎn)擊登錄彈出Alert控制器顯示結(jié)果
最后一步就是點(diǎn)擊登錄,顯示用戶(hù)的詳細(xì)信息了,OK如圖添加代碼:1-5-53
大家一定要親手敲代碼測(cè)試下,這樣才能夠更好的熟悉每一個(gè)屬性和方法的作用.到這里大家可以愉快的Command + R運(yùn)行,并進(jìn)行測(cè)試如圖1-5-54
到這里本章節(jié)的實(shí)例就講解完畢,這一小節(jié)只是讓大家對(duì)各個(gè)控件進(jìn)行熟悉.如果你一步一步跟著做下來(lái)的話,你會(huì)覺(jué)得開(kāi)發(fā)一個(gè)iOS應(yīng)用如此簡(jiǎn)單.如果在練習(xí)過(guò)程中遇到任何問(wèn)題,請(qǐng)留言或者添加以下QQ群.
源碼地址:github地址
歡迎加入Swift QQ交流群:513653400
