Animate the border as well to demonstrate that we can animate CALayer…

… properties with the animator. (#101)
material-motion · Dec 14, 2017 · e48cc45 · e48cc45
1 parent c04fd1a
commit e48cc45
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/examples/TapToBounceTraitsExample.swift b/examples/TapToBounceTraitsExample.swift
@@ -29,6 +29,10 @@ class TapToBounceTraitsExampleViewController: UIViewController {
     circle.bounds = CGRect(x: 0, y: 0, width: 128, height: 128)
     circle.center = view.center
     circle.layer.cornerRadius = circle.bounds.width / 2
+    circle.layer.borderColor = UIColor(red: (CGFloat)(0x88) / 255.0,
+                                       green: (CGFloat)(0xEF) / 255.0,
+                                       blue: (CGFloat)(0xAA) / 255.0,
+                                       alpha: 1).cgColor
     circle.backgroundColor = UIColor(red: (CGFloat)(0xEF) / 255.0,
                                      green: (CGFloat)(0x88) / 255.0,
                                      blue: (CGFloat)(0xAA) / 255.0,
@@ -51,13 +55,18 @@ class TapToBounceTraitsExampleViewController: UIViewController {
     let animator = MotionAnimator()
     animator.animate(with: traits) {
       sender.transform = CGAffineTransform(scaleX: 1.5, y: 1.5)
+
+      // This would normally not be animatable with the UIView animation APIs, but it is animatable
+      // with the motion animator.
+      sender.layer.borderWidth = 10
     }
   }
 
   func didUnfocus(_ sender: UIButton) {
     let animator = MotionAnimator()
     animator.animate(with: traits) {
       sender.transform = .identity
+      sender.layer.borderWidth = 0
     }
   }
 }

diff --git a/examples/TapToBounceUIKitExample.swift b/examples/TapToBounceUIKitExample.swift
@@ -30,6 +30,10 @@ class TapToBounceUIKitExampleViewController: UIViewController {
     circle.bounds = CGRect(x: 0, y: 0, width: 128, height: 128)
     circle.center = view.center
     circle.layer.cornerRadius = circle.bounds.width / 2
+    circle.layer.borderColor = UIColor(red: (CGFloat)(0x88) / 255.0,
+                                       green: (CGFloat)(0xEF) / 255.0,
+                                       blue: (CGFloat)(0xAA) / 255.0,
+                                       alpha: 1).cgColor
     circle.backgroundColor = UIColor(red: (CGFloat)(0xEF) / 255.0,
                                      green: (CGFloat)(0x88) / 255.0,
                                      blue: (CGFloat)(0xAA) / 255.0,
@@ -50,6 +54,10 @@ class TapToBounceUIKitExampleViewController: UIViewController {
                            options: [],
                            animations: {
       sender.transform = CGAffineTransform(scaleX: 1.5, y: 1.5)
+
+      // This would normally not be animatable with the UIView animation APIs, but it is animatable
+      // with the motion animator.
+      sender.layer.borderWidth = 10
     }, completion: nil)
   }
 
@@ -61,6 +69,7 @@ class TapToBounceUIKitExampleViewController: UIViewController {
                            options: [],
                            animations: {
       sender.transform = .identity
+      sender.layer.borderWidth = 0
     }, completion: nil)
   }
 }