kylefang/AsyncDisplayKit
1
0
Fork 0
mirror of https://github.com/HackPlan/AsyncDisplayKit.git synced 2026-04-23 03:20:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

[AsyncDisplayKit.org] add Advanced Technologies, cleanup IHM, Layout Transition API

Browse Source
This commit is contained in:
Hannah Trosi
2016-07-16 21:30:33 -07:00
parent 064b8b14c6
commit 14728bbf81
16 changed files with 259 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
_docs/debug-tool-hit-test-visualization.md
View File

@@ -2,11 +2,12 @@
title: Hit Test Visualization
layout: docs
permalink: /docs/debug-tool-hit-test-visualization.html
prevPage: synchronous-concurrency.html
prevPage: corner-rounding.html
nextPage: debug-tool-pixel-scaling.html
---
##Visualize ASControlNode Tappable Areas##
<br>
This debug feature adds a semi-transparent highlight overlay on any ASControlNodes containing a `target:action:` pair or gesture recognizer. The tappable range is defined as the ASControlNode’s frame + its `.hitTestSlop` `UIEdgeInsets`. Hit test slop is a unique feature of `ASControlNode` that allows it to extend its tappable range.
In the screenshot below, you can quickly see that
@@ -19,13 +20,14 @@ In the screenshot below, you can quickly see that
![screen shot 2016-03-25 at 4 39 23 pm](https://cloud.githubusercontent.com/assets/3419380/14057034/e1e71450-f2b1-11e5-8091-3e6f22862994.png)
##Restrictions##
<br>
A _green_ border on the edge(s) of the highlight overlay indicates that that edge of the tapable area is restricted by one of it's superview's tapable areas. An _orange_ border on the edge(s) of the highlight overlay indicates that that edge of the tapable area is clipped by .clipsToBounds of a parent in its hierarchy.
##Usage##
<br>
In your `AppDelegate.m` file,
<ul>
<li>import `AsyncDisplayKit+Debug.h`</li>
<li>add `[ASControlNode setEnableHitTestDebug:YES]` at the top of your `didFinishLaunchingWithOptions:` method</li>
<li>add `[ASControlNode setEnableHitTestDebug:YES]` at the top of your AppDelegate's `didFinishLaunchingWithOptions:` method</li>
</ul>
Make sure to call this method before initializing any ASControlNodes - including ASButtonNodes, ASImageNodes, and ASTextNodes.