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