ChangeDirectionruntime.add(ChangeDirection(withVelocityOf: gesture),
+ to: <#view#>)
DirectlyManipulable
+
+A modal scroll view controller that can be dismissed with a drag gesture.
+
+Makes use of: `Tossable` and `TransitionSpring`.
+
+[View the source](examples/InteractivePushBackTransitionExample.swift).
+
### Sticker picker
diff --git a/assets/changedirection.gif b/assets/changedirection.gif
new file mode 100644
index 0000000..0970b85
Binary files /dev/null and b/assets/changedirection.gif differ
diff --git a/assets/pulldowntodismiss.gif b/assets/pulldowntodismiss.gif
new file mode 100644
index 0000000..7711bd1
Binary files /dev/null and b/assets/pulldowntodismiss.gif differ
diff --git a/examples/ChangeDirectionOnReleaseExample.swift b/examples/ChangeDirectionOnReleaseExample.swift
new file mode 100644
index 0000000..259d092
--- /dev/null
+++ b/examples/ChangeDirectionOnReleaseExample.swift
@@ -0,0 +1,56 @@
+/*
+ Copyright 2016-present The Material Motion Authors. All Rights Reserved.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+import UIKit
+import MaterialMotion
+
+class ChangeDirectionOnReleaseExampleViewController: ExampleViewController {
+
+ var runtime: MotionRuntime!
+
+ override func viewDidLoad() {
+ super.viewDidLoad()
+
+ let targetView = center(createExampleSquareView(), within: view)
+ targetView.layer.borderColor = targetView.backgroundColor?.cgColor
+ targetView.layer.borderWidth = 1
+ targetView.backgroundColor = nil
+ view.addSubview(targetView)
+
+ let exampleView = center(createExampleView(), within: view)
+ view.addSubview(exampleView)
+
+ runtime = MotionRuntime(containerView: view)
+
+ let direction = createProperty(withInitialValue: TransitionDirection.backward)
+
+ let positionSpring = TransitionSpring(back: CGPoint(x: view.bounds.midX, y: view.bounds.height * 4 / 10),
+ fore: CGPoint(x: view.bounds.midX, y: view.bounds.height * 6 / 10),
+ direction: direction)
+ let tossable = Tossable(spring: positionSpring)
+ runtime.add(ChangeDirection(withVelocityOf: tossable.draggable.nextGestureRecognizer,
+ whenNegative: .backward,
+ whenPositive: .forward),
+ to: direction)
+ runtime.add(tossable, to: exampleView)
+ runtime.add(positionSpring, to: runtime.get(targetView.layer).position)
+ }
+
+ override func exampleInformation() -> ExampleInfo {
+ return .init(title: type(of: self).catalogBreadcrumbs().last!,
+ instructions: "Toss the view to change its position.")
+ }
+}
diff --git a/examples/ContextualTransitionExample.swift b/examples/ContextualTransitionExample.swift
index 2cc9f81..0767da9 100644
--- a/examples/ContextualTransitionExample.swift
+++ b/examples/ContextualTransitionExample.swift
@@ -269,62 +269,27 @@ private class PushBackTransition: Transition {
foreImageView.bounds.height / imageSize.height)
let fitSize = CGSize(width: fitScale * imageSize.width, height: fitScale * imageSize.height)
- let firstPan = ctx.gestureRecognizers.first { $0 is UIPanGestureRecognizer }
- let draggable: Draggable
- if let firstPan = firstPan as? UIPanGestureRecognizer {
- draggable = Draggable(.withExistingRecognizer(firstPan))
- } else {
- draggable = Draggable()
- }
+ let draggable = Draggable(withFirstGestureIn: ctx.gestureRecognizers)
+
+ runtime.add(SlopRegion(withTranslationOf: draggable.nextGestureRecognizer, size: 100), to: ctx.direction)
+ runtime.add(ChangeDirection(withVelocityOf: draggable.nextGestureRecognizer), to: ctx.direction)
- let gesture = runtime.get(draggable.nextGestureRecognizer)
- runtime.connect(gesture
- .translation(in: runtime.containerView)
- .y()
- .slop(size: 100)
- .rewrite([.onExit: .backward, .onReturn: .forward]),
- to: ctx.direction)
- runtime.connect(gesture
- .velocityOnReleaseStream()
- .y()
- .thresholdRange(min: -100, max: 100)
- .rewrite([.below: .backward, .above: .backward]),
- to: ctx.direction)
-
- let movement = spring(back: contextView, fore: foreImageView, ctx: ctx)
+ let backPosition = contextView.superview!.convert(contextView.layer.position, to: ctx.containerView())
+ let forePosition = foreImageView.superview!.convert(foreImageView.layer.position, to: ctx.containerView())
+ let movement = TransitionSpring(back: backPosition, fore: forePosition, direction: ctx.direction)
let tossable = Tossable(spring: movement, draggable: draggable)
runtime.add(tossable, to: replicaView)
- let size = spring(back: contextView.bounds.size, fore: fitSize, threshold: 1, ctx: ctx)
+ let size = TransitionSpring(back: contextView.bounds.size, fore: fitSize, direction: ctx.direction)
runtime.toggle(size, inReactionTo: draggable)
runtime.add(size, to: runtime.get(replicaView).reactiveLayer.size)
- let opacity = spring(back: CGFloat(0), fore: CGFloat(1), threshold: 0.01, ctx: ctx)
+ let opacity = TransitionSpring