This tutorial will show you how to use the built-in iOS camera and gestures to create a cool effect in your videos or demos.
The how to show touches on iphone is the easiest way to show off your iOS taps and gestures for demos and videos.
ShowTime is the easiest and most effective method to see all of your touches and gestures on the screen. This is ideal for a demo, presentation, or video.
To give your demonstrations that additional shine, you just need one file (or pod install). ShowTime can even indicate the amount of force you’re using, as well as the number of taps you’ve done. Apple Pencil events may be customized and are turned off by default.
ShowTime is ready to use as soon as your app launches, but it is also extremely customizable if you don’t like the settings.
ShowTime is compatible with single- and multi-window setups, iOS widgets, and any Swift or Objective-C project.
Take a look at how it works.
Installing ShowTime takes less than a minute; consider using it while sharing or recording your screen through QuickTime or AirPlay.
The visual touches are 44pt by default, which follows Apple’s standards for the minimum hit size for buttons on iOS. Of course, you’re free to modify it!
Demonstrating your motions offers your audience a far better understanding of what’s going on with your gadget. For your next demo, use ShowTime; it’s very simple to put up!
BONUS: Adding ShowTime as a pod to your app in debug mode will allow you to see taps and gestures in your XCUI automation tests as they run!
Installation
Swift Package Manager is a program that allows you to manage your
- Step 1: Add https://github.com/KaneCheshire/ShowTime.git to the list of Swift Package dependencies in Xcode 11+; for more details, check here.
- Step 2: There is no step two; ShowTime starts working as soon as your app is launched, but you may customize it if you like!
Cocoapods
- Step 1: In Terminal, add the pod ‘ShowTime’ to your Podfile and run pod update.
- Step 2: There is no step two; ShowTime starts working as soon as your app is launched, but you may customize it if you like!
Manual
- Step 1: Add ShowTime.swift to your project or transfer the contents to another location.
Usage
ShowTime is ready to use right out of the box (no need to import the framework), but you can customize it to switch it on or off, alter the color of the taps, and even show the number of taps for multiple taps.
ShowTime can work with your app’s character during demonstrations thanks to a variety of choices.
Here’s a list of possibilities:
/ Indicates whether or not ShowTime is enabled. / The following are examples of possible values: -.always -.always -.always -.always -.never -.never -.never -.never /.debugOnly is just for debugging purposes. By default,.always is used. ShowTime.enabled: ShowTime.Enabled / A visual touch’s fill (background) color. / When ShowTime is set to.auto, it utilizes the stroke color with a 50 percent alpha. / This makes changing ShowTime to blend in better with your brand a breeze. By default,.auto is used. ShowTime.fill UI color Color / The color of a visual touch’s stroke (outline). / By default, “Twitter blue” is used. ShowTime.stroke UI color Color / The stroke width (thickness) around a visual touch. / The default font size is 3pt. ShowTime.stroke Width: CGFloat / The default size of a visual touch is 44x44pt. CGSize / ShowTime.size When a visual touch is lost, utilize this animation style. / / Examples of possible values are: -.standard -.standard -.standard -.standard -. (Slightly scaled down and faded out) .scaleDown -.scaleDown -.scaleDown -. (Completely scaled down with no fade) .scaleUp -.scaleUp -.scaleUp -.scale (Scaled up and faded out) -.custom -.custom -.custom -.custom -. (Provide your own custom animation block) / / The default is.standard. ShowTime.disappear Animation: ShowTime.Animation / The time it takes for the visual touch to vanish following a touch, in seconds. / The default value is 0.2. ShowTime.disappear Delay: the passage of time / Interval Is it necessary to provide visual touches to signify numerous taps? (i.e. show a number 2 for a double tap). By default, the value is false. ShowTime.shouldShowMultipleTapCount: Bool / The text color to use for displaying multiple tap counts. / By default, this is.black. ShowTime.multipleTapCount TextColor: UIColor / When displaying multiple tap counts, this is the typeface to use. By default,.systemFont(ofSize: 17, weight:.bold) is used. ShowTime.multipleTapCount UIFont is the text font. Is it necessary for visual touches to indicate how much power is applied? / true by default (show off your cutting-edge technology!). ShowTime.should Bool / ShowForce Whether Apple Pencil touch events are ignored. / This is set to true by default. ShouldApplePencilEventsBeIgnored: Bool
How does it work?
ShowTime is a one-size-fits-all solution for displaying your taps and gestures in demonstrations and videos while showcasing your hard work. ShowTime is compatible with both traditional single-window and multi-window applications.
ShowTime does this by using the swizzling technique. Only Swift types that inherit from NSObject will function with method swizzling, which is only feasible with the Objective-C runtime. That’s OK since UIWindow is an NSObject descendant, thus ShowTime may utilize the sendEvent(_:) function.
Swizzling is a word for changing the default implementation of a method with your own (which calls the default implementation, similar to calling a super implementation of a class) so that you have greater control over what occurs with that method without having to subclass. This has the advantage — but also the disadvantage – that all objects created will use the new implementation, thus swizzling should be used with caution, particularly in production code.
ShowTime swizzles the UIWindow’s sendEvent(_:) method, intercepts the event, and then allows UIWindow finish transmitting it. ShowTime shows the touches graphically on whichever window is receiving sendEvent(_:) by intercepting that event and extracting the UITouches from it.
This is really useful information.
Why am I not required to import ShowTime in order for it to function?
ShowTime automatically swizzles functions that don’t need the framework to be imported using import ShowTime, thus ShowTime is enabled immediately after installing the cocoapod. You’ll only need to import the framework if you wish to experiment with the settings.
Is it okay if I use this in a production?
Yes, I’ve never observed any strange crashes, but it’s never been stress tested, so you’re taking a chance.
Why would I want to display the total amount of taps?
People viewing a demo of your app aren’t sure what your fingers are doing, so displaying how many times you’ve tapped on a particular area of the screen is a great way to help them comprehend the movements you’re making.
If you’re seeing someone’s hands, double tapping makes sense, but if you’re watching it on a screen, it’s easy to miss. Setting ShowTime.shouldShowMultipleTapCount to true displays a number within the tap, plainly indicating to your viewers that you tapped twice (or more) in a row in the same location.
Why are Apple Pencil events not shown by default?
Most of the time, if you’re demoing using an Apple Pencil, you’re probably demoing sketching or something similar, thus you wouldn’t want a touch to show up there. If you require touch events to appear for Apple Pencil interactions, you may simply deactivate this behavior.
Is it possible to have a distinct color tap for each screen rather than each app?
This is doable; just set the color in viewDidLoad or viewDidAppear(_:) on the screens where you want the taps to change color. It adds a degree of difficulty, but it’s definitely doable.
Author
@KaneCheshire, Kane Cheshire, Kane Cheshire, Kane Cheshire, Kane Cheshire, Kane Che
License
ShowTime is free to use and distribute under the MIT license. For additional information, see the LICENSE file.
GitHub
https://github.com/KaneCheshire/ShowTime
The show touches on iphone app is a tool that allows users to show the iOS taps and gestures.
Frequently Asked Questions
How do you show tap gestures on iPhone?
You can use one of these gestures on your iPhone to show tap gesture.
How do I show taps on my screen recording?
You can show taps on your screen recording by pressing the X button.
How do you record gestures on iPhone?
To record gestures on your iPhone, you can use the voice recorder app. You can also use a video camera to record your movements and then import them into the app.
Related Tags
- ios touch visualizer
- show touches on ipad while screen recording
- how to show pointer on iphone
- story view swift
- screen recorder that shows taps
