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

时间:2023-01-16 20:46:33

开始搭建登录界面

登录界面效果图:

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

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

步骤开始:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

添加activity:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后别忘了设置代理:

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

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

效果图:

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

1、IOS开发--iPad之仿制QQ空间(登录界面搭建+登录逻辑实现)的更多相关文章

  1. 3、IOS开发--iPad之仿制QQ空间 (为HomeViewController添加交互逻辑 并 为导航条内容添加UISegmentedControl)

    1. 为bottomMenu添加点击效果 思路描述:        需求:        点击BottomButton的三个item,然后对应响应的是HomeViewController弹出对应的业务 ...

  2. 2、IOS开发--iPad之仿制QQ空间 (初始化HomeViewController子控件视图)

    1.先初始化侧边的duck,效果图: 实现步骤: 2.然后初始化BottomMenu,效果: 步骤: 其实到这里,会出现一个小bug,那就是: 子控件的位置移高了,主要原因是: 逻辑分析图: 问题解决 ...

  3. iOS开发:使用Block在两个界面之间传值(Block高级用法:Block传值)

    iOS开发:使用Block在两个界面之间传值(Block高级用法:Block传值)   使用Block的地方很多,其中传值只是其中的一小部分,下面介绍Block在两个界面之间的传值: 先说一下思想: ...

  4. 仿QQ空间动态界面分享

    先看看效果: 用极少的代码实现了 动态详情 及 二级评论 的 数据获取与处理 和 UI显示与交互,并且高解耦.高复用.高灵活. 动态列表界面MomentListFragment支持 下拉刷新与上拉加载 ...

  5. iOS开发-iPad侧边栏Tab选项卡切换

    Android中习惯了叫侧边栏,iOS中如果不习惯侧边栏称呼的话可以叫dock,侧边栏的切换,类似于Android中的底部导航栏的切换,iPad尺寸大了一些,导航的栏目放在侧边会显示的更好耐看一些.选 ...

  6. iOS开发之第三方分享QQ分享,史上最新最全第三方分享QQ方式实现

    本文章源码地址: https://github.com/zhonggaorong/QQLoginDemo 项目搭建参考:  (包含QQ登录源码下载 . QQ sdk集成) http://blog.cs ...

  7. IOS开发之—— 客服QQ(调用qq网页聊天),客服热线(拨打电话)

    @property (nonatomic,strong) UIButton *but;@property (nonatomic,strong) UIButton *but1;@property (st ...

  8. iOS开发手记-仿QQ音乐播放器动态歌词的实现

    最近朋友想做个音乐App,让我帮忙参考下.其中歌词动态滚动的效果,正好我之前也没做过,顺便学习一下,先来个预览效果. 实现思路 歌词常见的就是lrc歌词了,我们这里也是通过解析lrc歌词文件来获取其播 ...

  9. electron仿制qq(2) 主界面制作

    制作从头开始 最后会将写好的组件放到一起的!之前写了好几天的纯css 有点累 本章中将使用sass 如果代码太长 会分两个或多个章节写代码中会有详细的注释 以便于大家阅读and理解界面可能会有部分偏差 ...

随机推荐

  1. 【BZOJ-4568】幸运数字 树链剖分 + 线性基合并

    4568: [Scoi2016]幸运数字 Time Limit: 60 Sec  Memory Limit: 256 MBSubmit: 238  Solved: 113[Submit][Status ...

  2. c# 改变图片的大小(w,h)

    本文介绍获取网络上的图片将其大小尺寸改成自己想要的 /// <summary> /// 图片大小裁剪 /// </summary> /// <param name=&qu ...

  3. DOS的BAT技巧两则

    一,杀FF进程 二,删除FF产生的配置文件(这个大了,不小心就会爆盘) taskkill /f /t /im firefox.exe for /d %%i in (C:\Users\cheng\App ...

  4. 【MFC学习笔记-作业7-小型画图软件】【】

    作业要求: 按下鼠标右键画圆. 按下鼠标左键移动曲线. 丝毫没有思路..网上教程又比这个程序复杂100倍... 好吧 总算找到一个合适的了... 转载至:http://blog.chinaunix.n ...

  5. REST和JAX-RS相关知识介绍

    REST REpresentational State Transfer:代表性状态传输.具象状态传输 REST定义了应该如何正确地使用Web标准,例如HTTP和URI.REST并非标准,而是一种开发 ...

  6. Python基础篇-day4

    本节目录: 1.字符编码 2.函数 2.1参数 2.2变量 2.3返回值 2.4递归 2.5 编程范式 2.6 高阶函数 *************************************** ...

  7. 利用jQuery动态设置单选框的选中

    一.需要实现的效果 这里使用jQuery来实现.需要实现的效果如下:当下拉条改变时,单选框选中的值随之变化. <!DOCTYPE html> <html> <head&g ...

  8. MongoDB Change Stream:简介、尝试与应用

    在MongoDB3.6引入的新feature中,change stream无疑是非常吸引人的. Change streams allow applications to access real-tim ...

  9. 外部访问docker容器&lpar;docker run -p&sol;-P 指令&rpar;

    容器中可以运行一些网络应用,要让外部也可以访问这些应用,可以通过 -P(大写) 或 -p (小写) 参数来指定端口映射. (1)当使用 -P 标记时,Docker 会随机映射一个 49000~4990 ...

  10. leetcode218

    from heapq import * class Solution: def getSkyline(self, LRH): skyline = [] i, n = 0, len(LRH) liveH ...