Created
June 10, 2015 19:06
-
-
Save twostraws/a02d4cc09fc7bc16859c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// | |
// SimpleScrollingStack.swift | |
// A super-simple demo of a scrolling UIStackView in iOS 9 | |
// | |
// Created by Paul Hudson on 10/06/2015. | |
// Learn Swift at www.hackingwithswift.com | |
// @twostraws | |
// | |
import UIKit | |
class ViewController: UIViewController { | |
var scrollView: UIScrollView! | |
var stackView: UIStackView! | |
override func viewDidLoad() { | |
super.viewDidLoad() | |
scrollView = UIScrollView() | |
scrollView.translatesAutoresizingMaskIntoConstraints = false | |
view.addSubview(scrollView) | |
view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[scrollView]|", options: .AlignAllCenterX, metrics: nil, views: ["scrollView": scrollView])) | |
view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[scrollView]|", options: .AlignAllCenterX, metrics: nil, views: ["scrollView": scrollView])) | |
stackView = UIStackView() | |
stackView.translatesAutoresizingMaskIntoConstraints = false | |
stackView.axis = .Vertical | |
scrollView.addSubview(stackView) | |
scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[stackView]|", options: NSLayoutFormatOptions.AlignAllCenterX, metrics: nil, views: ["stackView": stackView])) | |
scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[stackView]", options: NSLayoutFormatOptions.AlignAllCenterX, metrics: nil, views: ["stackView": stackView])) | |
for _ in 1 ..< 100 { | |
let vw = UIButton(type: UIButtonType.System) | |
vw.setTitle("Button", forState: .Normal) | |
stackView.addArrangedSubview(vw) | |
} | |
} | |
override func viewDidLayoutSubviews() { | |
super.viewDidLayoutSubviews() | |
scrollView.contentSize = CGSize(width: stackView.frame.width, height: stackView.frame.height) | |
} | |
} |
Awesome! I converted the constraints to SnapKit
and incorporated @DevAndArtist note, you could view the code here.
Why is it .AlignAllCenterX
for both "H" and "V"? Shouldn't it be .AlignAllCenterY
on each second line?
Tap action is not working for StackView objects, how we can add tap gestures for this scroll of stack view.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@twostraws
Here is a better trick!
Remove this:
And add
|
to your constraints:Setting Top and Bottom constraints doesn't mean setting a fixed height on
UIScrollView
.Learned that here.