New Spectre example.

Author: Michal Pyrka

Example/MPParallaxView/Base.lproj/Main.storyboard

@@ -47,12 +47,26 @@
                                     <constraint firstAttribute="height" constant="469" id="x3e-ag-a1r"/>
                                 </constraints>
                             </view>
+                            <segmentedControl opaque="NO" alpha="0.5" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="top" segmentControlStyle="plain" selectedSegmentIndex="0" translatesAutoresizingMaskIntoConstraints="NO" id="ZHD-Mq-8gQ">
+                                <rect key="frame" x="221" y="564" width="159" height="29"/>
+                                <animations/>
+                                <segments>
+                                    <segment title="Interstellar"/>
+                                    <segment title="Spectre"/>
+                                </segments>
+                                <color key="tintColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
+                                <connections>
+                                    <action selector="segmentedControlChanged:" destination="vXZ-lx-hvc" eventType="valueChanged" id="YEf-c7-mfg"/>
+                                </connections>
+                            </segmentedControl>
                         </subviews>
                         <animations/>
                         <color key="backgroundColor" red="0.77647058823529413" green="0.84313725490196079" blue="0.8784313725490196" alpha="1" colorSpace="calibratedRGB"/>
                         <constraints>
+                            <constraint firstItem="2fi-mo-0CV" firstAttribute="top" secondItem="ZHD-Mq-8gQ" secondAttribute="bottom" constant="8" id="Ey5-Ik-oRM"/>
                             <constraint firstItem="C04-ud-3XR" firstAttribute="centerY" secondItem="kh9-bI-dsS" secondAttribute="centerY" id="SP4-Ch-dnA"/>
                             <constraint firstItem="C04-ud-3XR" firstAttribute="centerX" secondItem="kh9-bI-dsS" secondAttribute="centerX" id="clf-bm-U6W"/>
+                            <constraint firstItem="ZHD-Mq-8gQ" firstAttribute="centerX" secondItem="kh9-bI-dsS" secondAttribute="centerX" id="lfC-C5-Jlw"/>
                         </constraints>
                     </view>
                 </viewController>

Example/MPParallaxView/Images.xcassets/007.imageset/007.png

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "007.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/MPParallaxView/Images.xcassets/007.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "james.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/MPParallaxView/Images.xcassets/james.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "lea.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/MPParallaxView/Images.xcassets/james.imageset/james.png

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "spectrelogo.png",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Example/MPParallaxView/Images.xcassets/lea.imageset/Contents.json

@@ -7,12 +7,48 @@
 //
 
 import UIKit
+import MPParallaxView
 
 class ViewController: UIViewController {
 
+    @IBAction func segmentedControlChanged(sender: UISegmentedControl) {
+        if sender.selectedSegmentIndex == 0 {
+            setupInterstellar()
+        } else {
+            setupSpectre()
+        }
+    }
+    
+    func setupInterstellar() {
+        view.backgroundColor = UIColor(red: 198.0/255.0, green: 215.0/255.0, blue: 224.0/255.0, alpha: 1.0)
+        let parallaxView = view.subviews.filter { $0 is MPParallaxView }.first as?MPParallaxView
+        if let parallaxView = parallaxView {
+            parallaxView.subviews.forEach { $0.removeFromSuperview() }
+            interstellarAssets().forEach { parallaxView.addSubview($0) }
+            parallaxView.prepareParallaxLook()
+        }
+    }
+    
+    func setupSpectre() {
+        view.backgroundColor = UIColor(red: 250.0/255.0, green: 250.0/255.0, blue: 250.0/255.0, alpha: 1.0)
+        let parallaxView = view.subviews.filter { $0 is MPParallaxView }.first as?MPParallaxView
+        if let parallaxView = parallaxView {
+            parallaxView.subviews.forEach { $0.removeFromSuperview() }
+            parallaxView.contentView.subviews.forEach { $0.removeFromSuperview() }
+            let assets: [UIImageView] = spectreAssets()
+            assets.forEach { parallaxView.addSubview($0) }
+            parallaxView.prepareParallaxLook()
+            if let logo = assets.first {
+                logo.frame = CGRectOffset(logo.frame, -50, 0)
+            }
+        }
+    }
+    
     override func viewDidLoad() {
         super.viewDidLoad()
-        // Do any additional setup after loading the view, typically from a nib.
+        UISegmentedControl.appearance().setTitleTextAttributes(
+            [NSForegroundColorAttributeName : UIColor.whiteColor()],
+            forState: .Selected)
     }
 
     override func didReceiveMemoryWarning() {
@@ -22,3 +58,33 @@ class ViewController: UIViewController {
 
 }
 
+extension UIViewController {
+    
+    func parallaxViewFrame() -> CGRect {
+        return (view.subviews.filter { $0 is MPParallaxView }.first as? MPParallaxView)?.frame ?? CGRectZero
+    }
+    
+    func interstellarAssets() -> [UIImageView] {
+        let interstellarImages = [("1", 0), ("2", 10), ("3", 2), ("4", 4), ("5", 12)]
+            .flatMap { nameAndOffset -> UIImageView in
+                let imageView = UIImageView(image: UIImage(named: nameAndOffset.0))
+                imageView.tag = nameAndOffset.1
+                return imageView
+        }
+        interstellarImages.forEach { $0.frame = parallaxViewFrame() }
+        return interstellarImages
+    }
+    
+    func spectreAssets() -> [UIImageView] {
+        let spectreImageViews = [("007", 30), ("lea", 4), ("james", 7), ("spectrelogo", 8)]
+            .flatMap { nameAndOffset -> UIImageView in
+                let imageView = UIImageView(image: UIImage(named: nameAndOffset.0))
+                imageView.tag = nameAndOffset.1
+                return imageView
+        }
+        spectreImageViews.forEach { $0.frame = parallaxViewFrame() }
+        spectreImageViews.first?.frame = CGRectMake(parallaxViewFrame().origin.x, parallaxViewFrame().origin.y, parallaxViewFrame().size.width * 1.9, parallaxViewFrame().size.height)
+        return spectreImageViews
+    }
+}
+

Example/MPParallaxView/Images.xcassets/lea.imageset/lea.png

@@ -1,5 +1,5 @@
 PODS:
-  - MPParallaxView (0.1.2)
+  - MPParallaxView (0.1.3)
 
 DEPENDENCIES:
   - MPParallaxView (from `../`)
@@ -9,6 +9,6 @@ EXTERNAL SOURCES:
     :path: "../"
 
 SPEC CHECKSUMS:
-  MPParallaxView: 8519d200202e6b443837876ff7848897f640e56b
+  MPParallaxView: 49e04bf51d3c4246aa29c2a94fca60dca64f7245
 
 COCOAPODS: 0.39.0

Example/MPParallaxView/Images.xcassets/spectrelogo.imageset/Contents.json

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
     s.name             = "MPParallaxView"
-    s.version          = "0.1.2"
+    s.version          = "0.1.3"
     s.summary          = "Apple TV Parallax effect in Swift."
     s.description      = <<-DESC
     Show UIView with parallax effect from new Apple TV.

Example/MPParallaxView/Images.xcassets/spectrelogo.imageset/spectrelogo.png

@@ -32,7 +32,7 @@ public class MPParallaxView: UIView {
             }
         }
     }
-    var contentView: UIView = UIView()
+    public var contentView: UIView = UIView()
     public var cornerRadius: CGFloat {
         get {
             return self.layer.cornerRadius
@@ -59,7 +59,7 @@ public class MPParallaxView: UIView {
 
     //MARK: Setup layout
 
-    func prepareParallaxLook() {
+    public func prepareParallaxLook() {
         setupLayout()
         addShadowPath()
         setupContentView()
@@ -76,6 +76,7 @@ public class MPParallaxView: UIView {
     func setupContentView() {
         contentView.frame = bounds
         contentView.layer.masksToBounds = true
+        contentView.backgroundColor = .whiteColor()
         subviews.forEach { subview in
             subview.translatesAutoresizingMaskIntoConstraints = true
             subview.removeFromSuperview()

Example/MPParallaxView/ViewController.swift

@@ -2,7 +2,7 @@
 
 Apple TV Parallax effect in Swift.
 
-<img src="http://i.imgur.com/evBWf3c.gif" alt="MPParallaxView example">
+<img src="http://i.imgur.com/HpujAKj.gif" alt="MPParallaxView example">
 
 ## Usage