纯代码实现Facebook News Feed(3)

最后一部分用到了这些知识

1.异步加载图片

2.NSURLCache

3.UITabBarController

4.Zooming Animation

#1 异步加载图片

1.更新Data Model

Feed.swift

2.添加对应的url

3.更新ViewDidLoad()方法。

FeedCell.swift

运行下,Error!http是被屏蔽掉的。

ERROR

解决办法:打开Info.plist。

Info.plist

运行下,现在是这样的。异步加载图片成功!

simulator

#2 缓存

这里使用NSURLCache进行网络缓存,以减少向服务器发送请求的次数,提升离线/低速网络中使用应用的体验。下载完成后,会将response保存在本地,下一次同一个request再发起时,不需要连接服务器,直接返回本地保存的response。

缓存


#3 Tab Bar Controller

1.在AppDelegate.swift里

AppDelegate.swift

2.添加Tab Bar Controller的bar item title和image

CustomTabBarController.swift

#4 缩放图片

1.先来做一些准备工作

useInteractionEnabled默认是false,需要将它设置成true

FeedCell.swift

在setupViews()方法里,添加GestureRecognizer

FeedCell.swift

添加animate()方法

FeedCell.swift

更新cell配置方法

FeedController.swift

声明常量和变量

FeedController.swift

2.实现放大图片

--设置这几个view的尺寸,背景颜色等。

feedImageView需要隐藏,所以透明度设置成0。当然你也可以用hidden啦。

navBarCoverView和tabBarCoverView需要添加到navigation bar和tab bar上方,所以需要添加到window层上方,而不是view上方。

FeedController.swift

添加动画方法。注意zoomImageView的高度和纵坐标位置计算。

FeedController.swift

3.还原缩小图片。这里的动画方法和上面不一样,需要在完成后将刚刚添加的四个subview弹出栈,并且显示原来的feedImageView。

FeedController.swift

运行一下

simulator

项目地址:github.com/Paganarchitect/facebook_newsFeed.git

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,296评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,301评论 25 709
  • 得到的签约作者和天使投资人李笑来,以及编程届大神郑伊廷都强调学习一个领域或一门功课。 最有效的方法就是,直接上手去...
    宁静火山阅读 3,240评论 0 4
  • 花开了,就是春天。 @海子HzL:一阵春雨过后,草原上又到了交配的季节。 @百花深处鬼_:一串烟草,满城风絮。 @...
    鹿里阅读 3,836评论 0 0
  • 母亲电话里催我 该处个对象了 我理直气壮地回道 我还是个孩子 母亲顶了一句 你不是小孩子了 我愣住了 该从何时起,...
    看我照妖镜阅读 1,157评论 0 0

友情链接更多精彩内容