開始搭建登錄界面
登錄界面效果圖:
相關的圖片資源下載百度雲備份鏈接: http://pan.baidu.com/s/1o71cvMU 密碼: 2h7e
步驟開始:
設置輔助窗口的位置在下方
快捷鍵option,然后拖拽復制之后:
這里就直接省去了將背景顏色改為經典黑了。
到這里QQ空間的登錄界面搭建完畢。
下面進行登錄邏輯的實現:
將工程文件進行MVC文件管理化:
這里別忘了,登錄界面的StoryBoard的Class設置為這個LoginViewController。原來的ViewController.h或.m可以刪除了。
登錄邏輯,首先要思考一下,哪些控件對象需要事件監聽:
哪些控件對象需要拿到其對應的屬性:
添加activity:
然后添加錯誤提示的方法:
接着實現比較詳細的登錄驗證用戶信息的較為詳細的業務邏輯過程:
兩個勾選框按鈕之間的邏輯事件:
另外還需要添加登錄錯誤使得登錄界面產生抖動動畫:
所以還需要通過拖線拿到背后的view,然后為view.layer添加抖動動畫,這里因為抖動動畫是在四個關鍵幀的位置來回抖動,所以最好用的的是關鍵幀動畫
最后需要實現的邏輯是textField的代理方法:按輸入鍵盤的return方法響應事件:
最后別忘了設置代理:
到這里源代碼百度雲備份下載鏈接: http://pan.baidu.com/s/1o7ifz7c 密碼: ja3q
效果圖: