QQ demo展示

录屏

QQ录屏

讲解

这个QQ demo是在实习期间制作的一个仿照QQ的iOS应用程序,纯代码编写,使用了AFNetworkingSDWebImageYYModelMJRefresh等框架,具有基本的界面,与QQ大体相似。
录屏是制作后期录制的,不是最终版(最终版忘记录制了),但与最终版除了“我的”界面改成了与QQ一样的“动态”界面,其他界面大体一致。
跟随录屏:首先点开进入,首页是消息界面,第二页是联系人界面,第三页是看点界面,第四页是动态界面(录屏上是我的界面)。

看点界面

导航栏右侧是刷新按钮(后面去掉了,改成下拉刷新),可以重新请求,刷新当前页面。
看点页面上是一条条新闻预览,包括封面图片、标题和新闻来源与时间
点进其中一条新闻,展示的是详情界面,使用了WKWebView来加载这条新闻的URL。页面上自定义了返回按钮和更多按钮,更多按钮可以使得页面后退、前进、刷新(后面去掉了更多按钮,通过判断[self.webView canGoBack]来使得点击返回按钮是返回上一个网页还是返回根视图控制器)

联系人界面

导航栏右侧有添加好友的按钮,点击跳转至添加好友界面,在搜索框输入QQ号/手机号搜索QQ好友,但没有后台,具体逻辑还未实现。
联系人界面和消息界面都有搜索框,点击展示搜索界面,点击搜索界面的取消按钮返回上一级,点击搜索按钮的逻辑还未实现。
联系人界面的新朋友群通知这两个cell点击进去的界面还未实现。
联系人界面上展示联系人列表,下拉可刷新。
点击某个联系人进入的是该联系人的个人信息界面,展示了该联系人的头像、备注、QQ号、个性签名、昵称、性别、生日、家乡、职业、公司、邮箱、个人说明等信息。导航栏右侧按钮是联系人设置按钮,点击进入联系人设置界面,可对联系人进行设置,与QQ的联系人设置界面几乎一致,但具体逻辑未实现。

消息界面

消息界面和其他三个界面的导航栏左侧都是自己的头像、昵称和在线状态,点击可跳转至自己的个人信息界面,可看到自己的个人信息。右侧是拍摄按钮和更多按钮,点击更多按钮时,通过UIPopoverPresentationViewController展示类似QQ的弹出框,弹出框内容包括创建群聊、加好友/群、一起派对、扫一扫、面对面快传、收付款等,点击跳转至相应页面。
消息界面上是消息列表,可下拉刷新。
每条消息展示头像、备注、最新一条消息内容及其时间,左滑有删除该消息的选项。

聊天界面

点击一条消息进入聊天界面,标题是对方的备注,有返回按钮和聊天设置按钮。点击聊天设置按钮进入聊天设置界面,与QQ的聊天设置页面基本一致,但具体逻辑未实现。
在聊天界面点击消息输入框,弹出键盘,输入要发送的消息,点击发送可将消息发送到当前界面上,但暂时还无后台,已发送的消息不会更新到聊天记录,重新进入界面不会显示。
聊天界面上展示消息时间、消息内容、对方头像和自己的头像。点击对方头像展示对方的个人信息,点击自己的头像将展示自己的个人信息。消息框会根据消息内容调整,完整展示消息内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值