Swift 4: Auto Layout Progammatically(Part.3)

王彤
Tung's iOS
Published in
3 min readJul 18, 2018

接續上一篇:

這篇會用到StackView,這次的完成圖如下:

先寫一個setupBottomControls()。

稍微解釋一下:UIStackView(arrangedSubviews: [])
參數要填的是陣列,陣列裡面放的東西就是你要放到StackView裡面的UIView,我先放3個view來測試看看。
UIStackView的distribution屬性可以調整UIView在stackView裡面的樣子,fillEqually就是平均分配。利用NSLayoutConstraint.activate可以讓auto layout更精簡一點。fileprivate是指程式碼的限制程度(open/public/internal/fileprivate/private),有機會再來寫。

編譯與執行後如下圖:

接下來要把按鈕加上去。

在viewDidLoad前產生我的按鈕,然後在第70行加入我的按鈕,yellowView跟blueView就不要了。

編譯與執行後如下:

接下來做UIPageControl,在viewDidLoad前先產生UIPageControl,然後在setupBottomControls()加入,看第81行。

編譯與執行後就完成這次的畫面:

To be continued⋯⋯

--

--