自定义page宽度

bestswifter · bestswifter · commit 6074cd03bfb9 · 2015-12-29T10:46:35.000+08:00
diff --git a/AutolayoutScrollViewInCode/ViewController.swift b/AutolayoutScrollViewInCode/ViewController.swift
@@ -13,7 +13,7 @@ let ScreenWidth = UIScreen.mainScreen().bounds.width
 let ScreenHeight = UIScreen.mainScreen().bounds.height
 let topScrollHeight: CGFloat = UIScreen.mainScreen().bounds.height / 3
 let boxWidth: CGFloat = ScreenWidth * 2 / 3
-let boxGap: CGFloat = 50
+let boxGap: CGFloat = 20
 
 class ViewController: UIViewController {
     
@@ -35,6 +35,7 @@ class ViewController: UIViewController {
         */
         layoutWithContainer()
 //        layoutWithAbsoluteView()
+//        layoutWithCustomePageSize()
     }
 
     override func didReceiveMemoryWarning() {
@@ -150,6 +151,69 @@ extension ViewController {
     }
 }
 
+// MARK: - &#29992;Container&#23454;&#29616;&#33258;&#21160;&#24067;&#23616;
+extension ViewController {
+    /**
+     The key is to set clipsToBounds to false and make the width of frame of scrollview less than the width of screen.
+     Usually the width now is padding + subviewWidth
+     &#20851;&#38190;&#22312;&#20110;clipsToBounds&#35774;&#32622;&#20026;no&#65292;scrollview&#33258;&#36523;&#30340;width&#23567;&#20110;&#23631;&#24149;&#23485;&#24230;&#65292;&#19968;&#33324;&#35774;&#32622;&#20026;padding + &#23376;&#35270;&#22270;width
+     */
+    func layoutWithCustomePageSize() {
+        scrollView.bounces = false
+        view.addSubview(scrollView)
+        scrollView.pagingEnabled = true
+        scrollView.clipsToBounds = false   // *important!* //
+        scrollView.backgroundColor = UIColor.yellowColor()
+        scrollView.addSubview(containerView)
+        
+        containerView.backgroundColor = scrollView.backgroundColor
+        
+        /**
+        *  &#23545;scrollView&#28155;&#21152;&#32422;&#26463;
+        *  Add constraints to scrollView
+        */
+        scrollView.snp_makeConstraints { (make) -> Void in
+            make.center.equalTo(view.snp_center)
+            make.width.equalTo(boxWidth + boxGap)   // *important!* //
+            make.height.equalTo(topScrollHeight)
+        }
+        
+        /**
+        *  &#23545;containerView&#28155;&#21152;&#32422;&#26463;&#65292;&#25509;&#19979;&#26469;&#21482;&#35201;&#30830;&#23450;containerView&#30340;&#23485;&#24230;&#21363;&#21487;
+        *  Add constraints to containerView, the only thing we will do
+        *  is to define the width of containerView
+        */
+        containerView.snp_makeConstraints { (make) -> Void in
+            make.edges.equalTo(scrollView)
+            make.height.equalTo(topScrollHeight)
+        }
+        
+        for i in 0...40 {
+            let box = UIView()
+            box.backgroundColor = UIColor.redColor()
+            containerView.addSubview(box)
+            
+            box.snp_makeConstraints(closure: { (make) -> Void in
+                make.top.height.equalTo(containerView)  // &#30830;&#23450;top&#21644;height&#20043;&#21518;&#65292;box&#22312;&#31446;&#30452;&#26041;&#21521;&#19978;&#23436;&#20840;&#30830;&#23450;
+                make.width.equalTo(boxWidth)
+                if i == 0 {
+                    make.left.equalTo(containerView).offset(boxGap / 2)
+                }
+                else if let previousBox = containerView.subviews[i - 1] as? UIView{
+                    make.left.equalTo(previousBox.snp_right).offset(boxGap)
+                }
+                if i == 40 {
+                    containerView.snp_makeConstraints(closure: { (make) -> Void in
+                        // &#36825;&#19968;&#27493;&#26159;&#20851;&#38190;&#65292;&#23427;&#30830;&#23450;&#20102;container&#30340;&#23485;&#24230;&#65292;&#20063;&#23601;&#30830;&#23450;&#20102;contentSize
+                        // This step is very important, it set the width of container, so the
+                        // contentSize is available now
+                        make.right.equalTo(box).offset(boxGap / 2)
+                    })
+                }
+            })
+        }
+    }
+}
 
 
 
