工具
点击范围可视化
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
实例显示ASLayoutRangeType
的ASRangeTuningParameters
- ASRangeController实例表示为条形
- 在滚动时 绿色(可见区域)、黄色(display区域)、红色(获取数据区域),在相对于彼此进行移动
RangeController
的侧的白色箭头表示的滚动方向,帮助你确定头尾的tuning parameters
- 上栏的白色标签显示了
RangeController
中的数据类名,区分嵌套式图
注意
仅展示屏幕上的
ASRangeControllers
各个比例是相对的 不同的条形图之前并无法比较大小的
使用方法
在Appdelegate.h
文件中
import AsyncDisplayKit+Debug.h
- 在顶部添加
[ASDisplayNode setShouldShowRangeDebugOverlay:YES]
方法