因?yàn)槲沂歉阍O(shè)計(jì)的铛嘱，所以對布局很看重暖释，所以布局這一塊我分幾個部分來發(fā)，又因?yàn)榈诙€添加頁面比較復(fù)雜墨吓，所以我選擇先布局它 (難的都會了球匕，簡單的還怕？)
好８卣妗谐丢！我們來開啟布局模式爽航。Let's Go!
看起來還不錯的設(shè)計(jì)圖
首先我們按照設(shè)計(jì)稿把整體的背景顏色設(shè)置一下 (#F5F5F5)
設(shè)置整體的背景顏色
然后我們添加一個Scroll View蚓让，并為它添加布局約束 (類似網(wǎng)頁布局里css樣式)
添加Scroll View并添加布局約束
最后的效果是這樣的
添加完約束后的效果
Scroll View的主要用處就是當(dāng)屏幕高度不夠顯示內(nèi)容的時候可以通過滑動看到被隱藏的內(nèi)容 (PS：當(dāng)屏幕高度足夠的時候是不能滑動的)
接下來我們來繼續(xù)添加內(nèi)容，先往Scroll View里面添加一個View讥珍，然后添加布局約束历极，再把View的背景顏色設(shè)置成藍(lán)色，這樣方便我們查看
在Scroll View里面添加View并添加布局約束
然后我們來運(yùn)行下APP看下效果 (Command+R)
運(yùn)行效果衷佃，橫屏快捷鍵時Command＋→ (方向鍵右)
嗯......好像哪里不對趟卸。橫屏的時候View的寬度沒有變化，我只能說 -> 不科學(xué)Ｊ弦濉３小！
那只好去看看問題在哪里了
點(diǎn)擊右上角紅色箭頭
意思是說Scroll View需要寬度和高度的約束
上面這張圖時xcode官方給出的解決方案惯悠，點(diǎn)了之后你可能不知道它做了什么邻邮，那我們可以不點(diǎn)，自己手動添加約束來解決問題克婶，如下圖
為View添加一個高度約束
View有高度約束以后筒严，加上之前View距離Scroll View的上下間距就可以計(jì)算出Scroll View的高度丹泉，這樣其中一條錯誤就解決了
選中Scroll View和View，添加水平居中對齊的約束
然后第二條錯誤也成功沒有了鸭蛙，再運(yùn)行APP看看效果摹恨，發(fā)現(xiàn)已解決問題。啊哈哈......
網(wǎng)上查了資料說娶视，Scroll View需要確定寬度和高度晒哄，這樣它才可以判斷什么時候可以滑動，什么時候不可以滑動肪获。
好了揩晴。先到這里吧。-> 完
