工具

点击范围可视化

ASControlNode的可点击区域

这个调试功能会在任何包含点击区域,target:action:或者手势识别器的ASControlNode上添加半透明的高亮覆盖。
可点击范围定义为:ASControlNode框架及.hitTestSlop UIEdgeInsets

限制

可点击区域的绿色边框,表示其点击区域是被其父视图的点击区域限制

可点击区域的橙色边框,表示点击区域是被被其父结构层次限制

使用方法

AppDelegate.m文件中

  • 引入AsyncDisplayKit+Debug.h
  • didFinishLaunchingWithOptions方法中添加[ASControlNode setEnableHitTestDebug:YES]

注意

确保在初始化任何Node之前 初始化该方法

图像缩放

可视化ASImageNode.image 像素缩放

这个调试功能,当图像大小(以像素为单位)和边界大小(以像素为单位)不匹配时,此调试功能会在ASImageNode的右下角添加红色文本

这个debug可以帮助我们快速:

  • 是否下载和渲染了过多的数据
  • 是否放大了低质量图像

使用方法

AppDelegate.m文件中

  • 引入AsyncDisplayKit+Debug.h
  • didFinishLaunchingWithOptions方法中添加[ASImageNode setShouldShowImageScalingOverlay:YES]

范围可视化

可视化ASRangeController

这个调试功能功能会在shared Application的keyWindow右下角添加了一个半透明的子视图,这个子视图会为屏幕上的每个ASRangeController实例显示ASLayoutRangeTypeASRangeTuningParameters

  • ASRangeController实例表示为条形
  • 在滚动时 绿色(可见区域)、黄色(display区域)、红色(获取数据区域),在相对于彼此进行移动
  • RangeController的侧的白色箭头表示的滚动方向,帮助你确定头尾的tuning parameters
  • 上栏的白色标签显示了RangeController中的数据类名,区分嵌套式图

注意

仅展示屏幕上的ASRangeControllers
各个比例是相对的 不同的条形图之前并无法比较大小的

使用方法

Appdelegate.h文件中

  • import AsyncDisplayKit+Debug.h
  • 在顶部添加[ASDisplayNode setShouldShowRangeDebugOverlay:YES]方法