iOS之XIB拖拽scrollView


在使用storyboard和xib時,我們經常要用到ScrollView,還有自動布局AutoLayout,但是ScrollView和AutoLayout 結合使用,相對來說有點復雜。根據實踐,我說一下我的理解,在故事板或xib中,ScrollView是根據其下面的一個View的大小來確定ContentSize的大小。

看一下效果


 

 

1. 創建一個項目,拖拽一個ScrollView到故事板中,如下圖


 

2. 選中ScrollView,添加約束。


3. 拖拽一個View到ScrollView上, 然后添加上下左右四周約束。


4.添加完之后, 可能會報一個錯, 如下圖, 這個暫時別去管。 


5. 我們先確定一下, 我們是需要水平方向的滾動還是豎直方向的滾動,或者水平方向和豎直方向都需要滾動。

a.水平方向和豎直方向都需要滾動的話, 不用添加

b.水平方向滾動需要添加下面一個約束


c.豎直方向需要添加下面一個約束


6.我們以水平方向滾動為例,  我們需要確定我們想要的寬度, 添加一個固定的寬度的約束。


7.選中View, 更新一下Frame


8.如果是想要動態設置ScrollView的寬度,也就是設置View的寬度約束的值, 我們將其拉成屬性, 然后修改其值。


9. 如果是確定的寬度, 可以在- (void)updateViewConstraints這個方法中修改,也可以在別處修改。


10.現在運行,就可以水平滾動了。 豎直方向的滾動和水平方向滾動的設置差不多。 我們來添加兩個View, 先拖拽一個View(我設為灰色)到視圖上, 然后添加約束, 如下圖


11.再拖拽一個View, 背景顏色設為紅色,設置好之后, 將frame設置到我們需要的, 我這邊將X設置到600。


12.我們給第二個View添加約束,如下圖


13.我們還需要設置一個約束, 就是第二個View距離SuperView的距離,就是第二個View的Leading約束


14.然后將這個約束Leading拉成屬性,在- (void)updateViewConstraints設置他的值


如下圖


這樣子就OK了。 

自動布局需要自己去多多實踐, 有很多細節需要注意的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM