1.5.4更多的控件------代碼邏輯處理

自上一節結束,我們的UI部分就完成了,這小節開始進行編碼,展示的效果如圖1-5-41

圖1-5-41 點擊登錄后顯示登錄的信息

下一步就開始進行關聯,我們需要獲取到的信息有賬號和密碼輸入框內輸入的內容,滑動條滑動的數值,分段控件所選中的性別,開關按鈕判斷年齡,和最后的日期選擇器選擇的內容.然后就是點擊登錄按鈕所發生的事件.

下面進行關聯:

圖1-5-42賬號輸入框添加屬性
圖1-5-43賬號輸入框屬性選中Outlet,并命名

我們對其他需要關聯的都進行關聯上,關聯上之后就可以獲得屬性值,并進行對屬性的改變,所有屬性添加:如圖1-5-44

圖1-5-44添加控件屬性到代碼中去

有一個特殊的就是登錄按鈕,我們需要得到他的點擊事件,而不是屬性值,所有我們在選擇connection的時候需要選中Action如圖1-5-45,添加后的如圖1-5-46

圖1-5-45添加登錄的點擊事件并進行命名
圖1-5-46 添加登錄點擊事件后

我們在login方法中添加打印代碼,如圖1-5-47

圖1-5-47添加打印代碼

然后我們Command + R 運行項目,點擊登錄按鈕,可以看到控制臺打印出"點擊我了"(如圖1-5-48),到此我們就完成了登錄.

圖1-5-48 點擊登錄后控制臺顯示打印內容


下面就進行代碼編寫了.有三個部分組成:

??觸摸屏幕背景關閉鍵盤

??監聽滑竿控件,并進行顯示

??點擊登錄彈出Alert控制器顯示結果


1??觸摸屏幕背景關閉鍵盤

點擊屏幕背景關閉鍵盤,我們可以更改IB(Interface Builder)中view所指向的隊形所屬類,將他的底層類由UIView更改為UIcontrol.如圖1-5-49

圖1-5-49更改View的底層類

然后我們將這個Control拖到代碼中,設置如圖1-5-50

圖1-5-50點擊屏幕的點擊事件

然后在代碼中進行編寫彈出鍵盤的代碼:如圖1-5-51

如圖1-5-51點擊屏幕的代碼

OK,大家可以command + R進行測試下!

2??監聽滑竿控件,并進行顯示

我們在滑動滑塊的時候,后面的數字會根據滑動的范圍而變化.設置如圖1-5-52

圖1-5-52設置滑竿和顯示數字部分以及代碼

我們給顯示的數字文本的默認值設置為80,現在可以滑動滑塊可以看到效果了.

3??點擊登錄彈出Alert控制器顯示結果

最后一步就是點擊登錄,顯示用戶的詳細信息了,OK如圖添加代碼:1-5-53

圖1-5-53所有代碼部分

大家一定要親手敲代碼測試下,這樣才能夠更好的熟悉每一個屬性和方法的作用.到這里大家可以愉快的Command + R運行,并進行測試如圖1-5-54

圖1-5-54運行最終的效果


圖1-5-55 實例動態圖

到這里本章節的實例就講解完畢,這一小節只是讓大家對各個控件進行熟悉.如果你一步一步跟著做下來的話,你會覺得開發一個iOS應用如此簡單.如果在練習過程中遇到任何問題,請留言或者添加以下QQ群.

源碼地址:github地址

歡迎加入Swift QQ交流群:513653400

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,702評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,615評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,606評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,044評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,826評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,227評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,307評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,447評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,992評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,807評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,001評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,550評論 5 361
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,243評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,667評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,930評論 1 287
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,709評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,996評論 2 374

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,665評論 25 708
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,483評論 0 17
  • 內容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標下拉刷新...
    皇小弟閱讀 46,851評論 22 665
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,154評論 4 61
  • 前幾天,大學時期的舍友周哥主動找我聊天,機智如我,我似乎隱隱約約中能感受到周哥有好消息告訴我,果不其然,在我...
    伊予yisheng閱讀 887評論 0 0