如何加强 iOS 里的列表滚动时的顺畅感?

转载 2015年07月09日 15:45:46
2012年的WWDC的238 section讲的就是一些关于增强图形动画性能的tips,我做了一些笔记,我又整理了一下,楼主可以参考:
1、关于图片的加载:
  • UIImageView 是由CALayer, UIImage->CGImage 构成的,CGImage 在加载的时候不会解码图像,只有在第一次用的时候才会解码图像(Lazy Loading)。所以,尽量用UIImageView 不要直接把图像画在 drawrect:
  • iOS本身对于PNG文件进行了很多优化:例如(这个我怕翻不太准):
  1. Premultiply alpha, and byte-swap
  2. Turn off some PNG compression modes
  3. Allow concurrent decoding of a single image
  • 此外,iOS6对Jpeg文件也已经优化了很多,但是不建议用Jpeg文件作为UI元素;永远不要用其他格式的图片作为UI元素,尽管iOS都支持。
  • [UIImage imageNamed:] 的数据会缓存在内存中,而[UIImage imageWithContentOfFile:]则不会,所以需要慎重选择方法。这也是为什么有时候模拟器跑得很好,而真机跑的时候很悲剧的原因,模拟器设置的缓存内存比真机大很多。
  • 在设置背景图片的时候不要在drawRect里 
    [self.image drawInRect: [self bounds] blendMode kCGBlendModeNormal alpha:1.0], 可以这样:myView.layer.content = (id)[self.image CGImage];
  • iOS 6新功能 myView.layer.drawAsynchronously = YES 对于一个view里有很多需要draw的内容来说,很有用,但是有时候会很差,需要用time profile验证以后再尝试.
  • 在需要用到SetNeedDisplay的时候,看能不能用setNeedsDisplayInRect: 代替,这个会节省很多开销!!!
2、关于Scrolling
  • 学会用Instruments!!!
  • 所有scrolling都需要 60 fps 小于 45fps用户依然能察觉。所以我们拥有的时间仅有: 16ms/frame
  • 考虑优化功能的部分是在GPU还是CPU
    1. CGDrawing 和 imageIO 是CPU
    2. 渲染系统并不每一帧都工作在CPU上
    3. 渲染本身是在GPU上的
    4. 可以用OpenGL ES instruments 上的device utilization查看GPU使用情况
    如果是100%左右的,肯定是GPU
    如果是16%之类的,就应该是CPU
    如果是GPU,有一个 Core Animation instruments可以查看
    在scrolling 的 16ms 中,我们需要做的是
    1. calculate new scrolling position
    2. Prepare and commit animation
    3. Render frame
    减少blending,blending就是经常需要多重画的
    self.layer.shouldRasterize = YES
    在Time profiler 里,如果有很多时间被浪费在了spring board 里,spring board实际是render server的所在,所以,结论应该是,应用里有太多的layer了。

    结论:
    1、多在不同设备上测试动画、他们的区别可能在于GPU, CPU, Retina blabla
    2、不同场景有不同的解决方法,到底是用drawRect? 还是用SubView?
    3、测量、测试、迭代

    工作时间,先贴上来,稍后再整理=。=

如何加强 iOS 里的列表滚动时的顺畅感

如果你想要如丝般顺滑的效果,那么: 1、每次都看一下有没有能重用的 cell,而不是永远重新新建(这个是 UITableView 的常识) 2、Cell 里尽量不要用 UIView 而是全部自己用...
  • shang_ri_la
  • shang_ri_la
  • 2014年05月16日 09:45
  • 684

如何加强iOS里的列表滚动时的顺畅感

还是知乎给力 http://www.zhihu.com/question/20382396 如何加强 iOS 里的列表滚动时的顺畅感?修改 例如 Path 的列表...
  • qq469236803
  • qq469236803
  • 2013年09月09日 15:55
  • 1044

tableview 卡顿优化 加强 iOS 里的列表滚动时的顺畅感

第一种方法: 如果你想要如丝般顺滑的效果,那么: 1、每次都看一下有没有能重用的 cell,而不是永远重新新建(这个是 UITableView 的常识) 2、Cell 里尽量不要用 UIVi...
  • leikezhu1981
  • leikezhu1981
  • 2017年03月27日 15:44
  • 907

UITableView 视觉差效果

前几天研究了一下iOS的视觉差效果,主要实现是通过UITableView实现效果,当然UICollectionView、UIScrollView都可以实现视觉差效果,废话少说直接上代码。。。首先在头文...
  • u012661893
  • u012661893
  • 2015年12月23日 19:13
  • 774

iOS实例——滑动列表展现/隐藏顶部视图

上滑列表渐变隐藏顶部视图,下滑列表渐变显示顶部视图,且保持在最终位置...
  • Cloudox_
  • Cloudox_
  • 2017年04月20日 17:10
  • 1826

IOS超级简单上下左右滚动TableView,仿同花顺自选列表

看到好多做的项目都用到左右滚动的tableView,以便放更多的行情数据内容,例如下图这种: 现在把代码贴一下吧,反正思路也很简单 核心代码很少,基本思路也很简单,就是cel...
  • dangfm
  • dangfm
  • 2016年03月14日 22:13
  • 4113

Web_JavaScript_JS循环滚动效果;

效果: 代码: 循环滚动 [2WorkRoom3] 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、 11、 ...
  • u011168154
  • u011168154
  • 2015年10月06日 00:17
  • 1261

关于移动端使用局部滚动解决ios不支持position:fixed后产生的问题

最近一直在想怎么解决移动端局部滚动和positiion:fixed的相关问题。虽然之前写了两篇相关文章把自己以往使用的方法给大家分享了一遍,但这两天在整理弹窗插件的时候又想到了一些问题,花了不少时间,...
  • rinyPeng
  • rinyPeng
  • 2017年12月09日 10:24
  • 236

jQuery实现列表自动循环滚动鼠标悬停时停止滚动

需要在页面中一个小的区域循环滚动展示新闻并且鼠标悬停时停止滚动并提示,离开后,继续滚动,具体实现如下,喜欢的朋友可以参考下 需要在页面中一个小的区域循环滚动展示新闻(公告、活...
  • wangshfa
  • wangshfa
  • 2014年03月27日 08:59
  • 1428

iOS UIScrollview 横向滚动 以及竖向滚动

列表页面实现查询条件 实现横向滚动,点击进行过滤listView数据; 在实现的过程中发现个问题: 针对于 UINavigationController 里面使用UIScrollView...
  • lishijia
  • lishijia
  • 2014年12月14日 19:23
  • 2591
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何加强 iOS 里的列表滚动时的顺畅感?
举报原因:
原因补充:

(最多只允许输入30个字)