1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)

 开始搭建登录界面

登录界面效果图:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第1张图片

 相关的图片资源下载百度云备份链接: http://pan.baidu.com/s/1o71cvMU 密码: 2h7e

步骤开始:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第2张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第3张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第4张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第5张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第6张图片

设置辅助窗口的位置在下方

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第7张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第8张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第9张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第10张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第11张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第12张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第13张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第14张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第15张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第16张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第17张图片1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第18张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第19张图片

快捷键option,然后拖拽复制之后:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第20张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第21张图片

 

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第22张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第23张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第24张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第25张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第26张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第27张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第28张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第29张图片

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第30张图片

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第31张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第32张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第33张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第34张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第35张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第36张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第37张图片

这里就直接省去了将背景颜色改为经典黑了。

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第38张图片

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第39张图片

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第40张图片

 

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第41张图片

到这里QQ空间的登录界面搭建完毕。

 

下面进行登录逻辑的实现:

 

将工程文件进行MVC文件管理化:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第42张图片

这里别忘了,登录界面的StoryBoard的Class设置为这个LoginViewController。原来的ViewController.h或.m可以删除了。

登录逻辑,首先要思考一下,哪些控件对象需要事件监听:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第43张图片

哪些控件对象需要拿到其对应的属性:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第44张图片

 添加activity:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第45张图片

然后添加错误提示的方法:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第46张图片

接着实现比较详细的登录验证用户信息的较为详细的业务逻辑过程:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第47张图片

两个勾选框按钮之间的逻辑事件:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第48张图片

另外还需要添加登录错误使得登录界面产生抖动动画:

所以还需要通过拖线拿到背后的view,然后为view.layer添加抖动动画,这里因为抖动动画是在四个关键帧的位置来回抖动,所以最好用的的是关键帧动画

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第49张图片

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第50张图片

最后需要实现的逻辑是textField的代理方法:按输入键盘的return方法响应事件:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第51张图片

最后别忘了设置代理:

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)_第52张图片

到这里源代码百度云备份下载链接: http://pan.baidu.com/s/1o7ifz7c 密码: ja3q

效果图:

 

你可能感兴趣的:(1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现))