Visualize touches, gestures and long presses on your iPhone or iPad
Go to file
Joe Blau e9e2f6e255
Merge pull request #37 from wix-incubator/master
chore: bump iPhones deployment target.
2023-06-09 10:48:21 -07:00
Classes chore: bump iPhones deployment target. 2023-05-24 17:37:00 +03:00
ExampleObjC Refactor code to modern obj-c 2017-12-02 14:47:36 -05:00
ExampleSwift Fixes #25 2016-12-30 01:05:10 -05:00
.clang-format Fixed UI issies and updated to universal storyboards 2015-03-13 22:30:50 -07:00
.gitignore Fixes #25 2016-12-30 01:05:10 -05:00
CHANGELOG.md Updated changelog 2015-03-13 22:39:21 -07:00
COSTouchVisualizer.podspec Fixed UI issies and updated to universal storyboards 2015-03-13 22:30:50 -07:00
LICENSE Initial commit 2014-03-22 11:47:04 -07:00
Rakefile Initial commit 2014-03-22 11:47:04 -07:00
README.md Fixes #21 - Swift Segmentation Fault 11 2015-05-27 04:53:43 -07:00
screenshot-drag.png Updated metadata 2014-03-23 21:21:39 -07:00
screenshot-press.png Updated metadata 2014-03-23 21:21:39 -07:00
touchvisdemo.gif Fixed UI issies and updated to universal storyboards 2015-03-13 22:30:50 -07:00

COSTouchVisualizer

COSTouchVisualizer

Version Platform

Swift Usage

Using COSTouchVisualizer is possible with Swift. Inside your AppDelegate, redefine your window and declare a visualizer window with storyboards.

With Storyboards

class AppDelegate: UIResponder, UIApplicationDelegate, COSTouchVisualizerWindowDelegate {

  lazy var window: UIWindow? = {
      var customWindow = COSTouchVisualizerWindow(frame: UIScreen.mainScreen().bounds)
      customWindow.touchVisualizerWindowDelegate = self
      return customWindow
      }()
...
}

Without Storyboards

Objective-C Usage

To run the example project; clone the repo, and run pod update from the Example directory first. By default, this project has Debug Mode disabled. If you want to see the gestures while you're testing, follow the Debugging Mode instructions.

With Storyboards in your AppDelegate implementation simply add the following getter

#import <COSTouchVisualizerWindow.h>

...

// Add this method to your AppDelegate method
- (COSTouchVisualizerWindow *)window {
    static COSTouchVisualizerWindow *visWindow = nil;
    if (!visWindow) visWindow = [[COSTouchVisualizerWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    return visWindow;
}

Without Storyboards

#import <COSTouchVisualizerWindow.h>

...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Setup window
    self.window = [[COSTouchVisualizerWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.backgroundColor = [UIColor whiteColor];

    ...

}

Delegate

To make the window change active status dynamically or to enable debugging mode, you could make an object implements the COSTouchVisualizerWindowDelegate protocol.

Here are 2 optional methods in this delegate protocol:

- (BOOL)touchVisualizerWindowShouldShowFingertip:(COSTouchVisualizerWindow *)window;
- (BOOL)touchVisualizerWindowShouldAlwaysShowFingertip:(COSTouchVisualizerWindow *)window;

By default, the window only shows fingertip when there is a mirrored window.

The first delegate method (-touchVisualizerWindowShouldShowFingertip:) tells the window to enable fingertip or not. You should return YES to enable the fingertip feature, or NO if you want to close this feature.

The second method (-touchVisualizerWindowShouldAlwaysShowFingertip:) tells the window to always show the fingertip even if there's no any mirrored screens (when returning YES). If this method returns NO, the window only show fingertip when connected to a mirrored screen.

- (COSTouchVisualizerWindow *)window {
  if (!_customWindow) {
    _customWindow = [[COSTouchVisualizerWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

    // ... other setup code

    _customWindow.touchVisualizerWindowDelegate = self;
  }
  return _customWindow;
}

- (BOOL)touchVisualizerWindowShouldAlwaysShowFingertip:(COSTouchVisualizerWindow *)window {
    return YES;  // Return YES to make the fingertip always display even if there's no any mirrored screen.
                 // Return NO or don't implement this method if you want to keep the fingertip display only when
                 // the device is connected to a mirrored screen.
}

- (BOOL)touchVisualizerWindowShouldShowFingertip:(COSTouchVisualizerWindow *)window {
    return YES;  // Return YES or don't implement this method to make this window show fingertip when necessary.
                 // Return NO to make this window not to show fingertip.
}

Customization

// Add these lines after the windows is initialized
// Touch Color
[visWindow setFillColor:[UIColor yellowColor]];
[visWindow setStrokeColor:[UIColor purpleColor]];
[visWindow setTouchAlpha:0.4];
// Ripple Color
[visWindow setRippleFillColor:[UIColor yellowColor]];
[visWindow setRippleStrokeColor:[UIColor purpleColor]];
[visWindow setRippleAlpha:0.1];

Requirements

This project requires ARC.

Installation

COSTouchVisualizer is available through CocoaPods, to install it simply add the following line to your Podfile:

pod "COSTouchVisualizer"

Author

Joe Blau, josephblau@gmail.com

License

COSTouchVisualizer is available under the MIT license. See the LICENSE file for more info.