引言
? ? 在純代碼開發(fā)中,使用scrollview我們可以很方便的布置好它的frame和contentSize贺嫂,還有一些必要的屬性設(shè)置等待容燕。
? ? 在iOS 6之后蘋果引入了autoLayout(自動布局)操软,其強大的控件布局讓我們省了很多代碼详瑞,也節(jié)省了很多開發(fā)時間遗嗽。
? ? 接下來就說一說如何在storyboard里快速上手scrollview粘我。
? ? 第一步,在一個空白的ViewController里拖入一個scrollView痹换,并且給這個scrollView添加上下左右4個約束都為0征字,同時更新一下;
? ? 第二步:完成第一步后相當于我們給scrollview設(shè)置了需要顯示的frame娇豫,接下來是設(shè)置content view匙姜。在scrollview的基礎(chǔ)上拖入一個空白的view,這時候會出現(xiàn)一個紅色的警告冯痢,不用管他氮昧,因為在autolayout的情況下SB不知道設(shè)置的content view的尺寸多大,所以不知道如何去設(shè)置系羞。
對空白view也就是content view的約束做如下設(shè)置郭计,先在左邊視圖同時選中scrollview和view,然后添加一個豎直對齊的約束椒振,這個約束是view參照scrollview的,添加后先別更新梧乘,
然后單選view澎迎,分別添加上下左右和高5個約束條件建钥,添加的高就是我們scrollview的內(nèi)容大小灌闺,這里我是以上下滾動為例,如果要做左右滾動的哀军,view設(shè)置的則是上下左右和寬五個約束仁堪,添加完后同時更新一下約束哮洽;
? ? 到這里,我們給scrollview的frame和content view的size都設(shè)置好了弦聂,接下來就是在view上做一些布局就可以了鸟辅,例如添加一些按鈕,標簽和圖片等莺葫,給這些按鈕匪凉,標簽和圖片添加的約束是基于view的。在SB中捺檬,我們可以直觀的設(shè)置scrollview的一些屬性再层,例如滾動的彈性,水平或者豎直方向的滾動條等等。
? ? 這就是在storyboard里面使用autolayout快速布局scrollview聂受,希望能給你帶來一些靈感蒿秦。
但是