A set of methods for communicating the progress of a preview interaction.


@protocol UIPreviewInteractionDelegate


A preview interaction abstracts a 3D Touch interaction into a state machine and communicates its progress through the state machine via a delegate. The developer is responsible for implementing the appropriate UI behavior.

Create an object that conforms to this protocol and assign it to the delegate property on an instance of UIPreviewInteraction. Use this delegate object to respond to the state changes that occur within the preview interaction as the user performs 3D Touch interactions.

Controlling Preview Interaction State Changes

The methods on UIPreviewInteractionDelegate allow you to control whether a preview interaction is allowed to begin, and to observe its progress through the phases of a preview interaction. This allows you to provide a custom user experience while maintaining coherence with the system.

A preview interaction consists of two main phases: preview and commit. Figure 1 is a visualization of the underlying state machine associated with a preview interaction.

Figure 1

Phases, transitions, and delegate methods of a preview interaction

Flow diagram showing the four underlying states of a preview interaction: preview, commit, complete and canceled. Delegate methods communicate the transitions between these states.

The previewInteractionShouldBegin: method is called as the user begins to press on a view that has a preview interaction associated with it. Implement this method and return NO to prevent the preview interaction from continuing. Returning YES, or not implementing this optional method, will allow the preview interaction to continue.

Once a preview interaction begins, it enters the first phase—also called preview—through which it progresses as the user presses harder on the view. During this phase, the previewInteraction:didUpdatePreviewTransition:ended: method is called repeatedly, reporting the progress through the transition as a CGFloat with a value from 0 to 1. Implement this method and use the transitionProgress parameter to update the UI, providing visual feedback to the user.

When the ended parameter changes from NO to YES, the preview interaction transitions to the second phase—commit. There are no further calls to the previewInteraction:didUpdatePreviewTransition:ended: delegate method.

The progress through the commit phase is reported to the previewInteraction:didUpdateCommitTransition:ended: delegate method. Implement this method and use the transitionProgress parameter to update the UI appropriately. The preview interaction is said to be completed when the ended parameter is true, at which point you should complete any UI changes.

At any point before the preview interaction is completed, it can be canceled, either when the user lifts their finger from the screen, or when the cancelInteraction method is called on the UIPreviewInteraction instance. When this happens, the previewInteractionDidCancel: delegate method is called. You should use this method to cancel any UI transitions currently in progress.

Preview Interaction User Interface Updates

UIPreviewInteraction abstracts 3D Touch interactions away from touch force, allowing you to provide your own user interface updates for an interaction pattern that is well understood by your users. The preview interaction sits between view controller previewing (peek and pop) and the force values in UITouch, in that you are required to provide your own user interface updates but don't need to handle raw touch force values.

It is important that during the preview and commit phases, you update the UI in such a way that the user is aware that the interaction is taking place. For example, pressing a table row in the Mail app first progressively blurs the other rows (the preview phase), and then shows a popover of the email as the commit phase begins. Throughout the commit phase, the popover grows, before finally transitioning to the email detail view at the end of the commit phase.

You can provide any user experience you want to accompany the preview and commit phases, but be sure to follow the appropriate section on 3D Touch in the iOS Human Interface Guidelines. Consider using UIViewPropertyAnimator to implement the UI changes that track the progress through the preview and commit phases of the preview interaction. This class allows you to build an animation and then scrub through that animation, using the fractionComplete property. This maps perfectly to the transitionProgress property provided in the previewInteraction:didUpdatePreviewTransition:ended: and previewInteraction:didUpdateCommitTransition:ended: methods, allowing you to use UIViewPropertyAnimator to update the UI in response to the user's touch force.


Preview Interaction Delegate Methods

- previewInteractionShouldBegin:

Asks the delegate whether a preview interaction is allowed to begin.

- previewInteraction:didUpdatePreviewTransition:ended:

Informs the delegate of the progress through the preview phase of the preview interaction.


- previewInteraction:didUpdateCommitTransition:ended:

Informs the delegate of the preview interaction's progress through the commit phase.

- previewInteractionDidCancel:

Informs the delegate that the specified preview interaction was canceled.



Inherits From

See Also

3D Touch Interactions


A class that registers a view to provide a custom user experience in response to 3D Touch interactions.


A set of methods that defines the styles you can apply to peek quick actions and peek quick action groups, and defines a read-only accessor for the user-visible title of a peek quick action.