iOS Scrollview中的AutoLayout（純IB）

標籤：scrollview   ios   autolayout   

原創Blog，轉載請註明出處
blog.csnd.net/hello_hwc
歡迎關注我的iOS SDK專欄
http://blog.csdn.net/column/details/huangwenchen-ios-sdk.html

前言：隨著XCode的越來越完善，用IB來建立一些介面是必然的潮流。優點很明顯，簡單直觀，能預覽，效率高，好debug，尤其是對一些view中有複雜的控制項，比如我今天寫的就差不多要有10個textfield，15個label，以及其他的10多個view。如果用代碼Autolayout，也能做（用可視化語言會減少一些代碼量），估計我頭都會炸了，估計以後維護這段超長layout的代碼的時候，一定會罵娘了。

對了，還有一點：千萬不要認為用純程式碼就很高大上，很屌。

下面就一步步講解如何?

注意，本文不支援旋轉螢幕

1. 建立一個工程，語言隨意，因為我們只用IB，為了方便，我們選擇，這個Size class，也就是對應所有的Iphone
   
   然後把size改為400＊100，方便我們進行更多的控制項布局
   

2. 拖拽Scrollview，讓其充滿螢幕，添加這4個約束即可
   

3. 拖拽一個UIView作為ContainView，讓這個View來定義Scrollview的ContentSize大小，這裡的6個約束一個不能少
   這裡定義Scrollview的Contentsize為螢幕的寬度，以及高度1000

到這裡，就可以像普通的Auto Layout一樣建立了,而且螢幕以下的部門也會響應各種事件
核心的Constraints如下

然後我在添加一些平時正常使用的View和約束，最後的效果
,(gif傳不上來，穿兩張靜態圖好了)

Demo下載

CSDN下載
http://download.csdn.net/detail/hello_hwc/8903617

著作權聲明：本文為博主原創文章，如需轉載請註明出處

iOS Scrollview中的AutoLayout（純IB）