开始搭建登陆界面动画
登陆界面效果图:代理
相关的图片资源下载百度云备份连接: 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
效果图: