example updated

Author: Gürhan Yerlikaya

Example/ScrollableStackView/Base.lproj/Main.storyboard

@@ -1,21 +1,25 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="6211" systemVersion="14A298i" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="vXZ-lx-hvc">
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="11762" systemVersion="16C67" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="vXZ-lx-hvc">
+    <device id="retina5_5" orientation="portrait">
+        <adaptation id="fullscreen"/>
+    </device>
     <dependencies>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6204"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="11757"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
         <!--View Controller-->
         <scene sceneID="ufC-wZ-h7g">
             <objects>
-                <viewController id="vXZ-lx-hvc" customClass="ViewController" customModuleProvider="target" sceneMemberID="viewController">
+                <viewController id="vXZ-lx-hvc" customClass="ViewController" customModule="ScrollableStackView_Example" customModuleProvider="target" sceneMemberID="viewController">
                     <layoutGuides>
                         <viewControllerLayoutGuide type="top" id="jyV-Pf-zRb"/>
                         <viewControllerLayoutGuide type="bottom" id="2fi-mo-0CV"/>
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="kh9-bI-dsS">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="736"/>
                         <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="x5A-6p-PRh" sceneMemberID="firstResponder"/>

Example/ScrollableStackView/ViewController.swift

@@ -12,20 +12,29 @@ import ScrollableStackView
 class ViewController: UIViewController {
 
     var didSetupConstraints = false
-    var scrollableStackView: ScrollableStackView!
+    var scrollable: ScrollableStackView!
 
     override func viewDidLoad() {
         super.viewDidLoad()
 
-        scrollableStackView = ScrollableStackView(frame: view.frame)
-        view.addSubview(scrollableStackView)
+        scrollable = ScrollableStackView(frame: view.frame)
+        view.addSubview(scrollable)
+        
+        for _ in 1 ..< 11 {
+            let random = CGFloat(arc4random_uniform(131) + 30) // between 30-130
+            let rectangle = UIView(frame: CGRect(x: 0, y: 0, width: 42, height: 42))
+            rectangle.backgroundColor = UIColor(red: CGFloat(drand48()), green: CGFloat(drand48()), blue: CGFloat(drand48()), alpha: 1.0)
+            rectangle.heightAnchor.constraint(equalToConstant: random).isActive = true
+            scrollable.stackView.addArrangedSubview(rectangle)
+        }
+        
         view.setNeedsUpdateConstraints()
     }
 
     override func updateViewConstraints() {
         if (!didSetupConstraints) {
 
-            let views:[String: AnyObject] = ["scrollableStackView": scrollableStackView]
+            let views:[String: AnyObject] = ["scrollableStackView": scrollable]
 
             view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[scrollableStackView]|", options: .alignAllCenterX, metrics: nil, views: views))
             view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|[scrollableStackView]|", options: .alignAllCenterX, metrics: nil, views: views))

ScrollableStackView/Classes/ScrollableStackView.swift

@@ -37,14 +37,6 @@ import UIKit
         stackView.distribution = .equalSpacing
         scrollView.addSubview(stackView)
 
-        for _ in 1 ..< 11 {
-            let random = CGFloat(arc4random_uniform(131) + 30) // between 30-130
-            let rectangle = UIView(frame: CGRect(x: 0, y: 0, width: 42, height: 42))
-            rectangle.backgroundColor = UIColor(red: CGFloat(drand48()), green: CGFloat(drand48()), blue: CGFloat(drand48()), alpha: 1.0)
-            rectangle.heightAnchor.constraint(equalToConstant: random).isActive = true
-            stackView.addArrangedSubview(rectangle)
-        }
-        
         self.setNeedsUpdateConstraints() // Bootstrap auto layout
     }